คำถามติดแท็ก custom-data-attribute

มีวิธีที่ง่ายและตรงไปตรงมาในการเลือกองค์ประกอบตามdataคุณลักษณะของพวกเขา? ตัวอย่างเช่นเลือกแองเคอทั้งหมดที่มีแอตทริบิวต์ข้อมูลชื่อที่มีค่าของ customerID22 ฉันลังเลที่จะใช้relหรือคุณลักษณะอื่น ๆ เพื่อจัดเก็บข้อมูลดังกล่าว แต่ฉันพบว่ามันยากมากที่จะเลือกองค์ประกอบตามข้อมูลที่เก็บไว้ในนั้น

1019 jquery  html  custom-data-attribute 

ฉันมีสถานการณ์ต่อไปนี้: var el = 'li'; และมี 5 <li>'s บนหน้าแต่ละคนมีdata-slide=numberแอตทริบิวต์(หมายเลขเป็น 1,2,3,4,5 ตามลำดับ) ตอนนี้ฉันต้องการค้นหาหมายเลขสไลด์ที่ใช้งานอยู่ในปัจจุบันซึ่งแมปไปvar current = $('ul').data(current);แล้วและได้รับการอัปเดตในการเปลี่ยนสไลด์แต่ละครั้ง จนถึงตอนนี้ความพยายามของฉันยังไม่สำเร็จพยายามสร้างตัวเลือกที่จะตรงกับสไลด์ปัจจุบัน: $('ul').find(el+[data-slide=+current+]); ไม่ตรงกับ / คืนอะไร ... เหตุผลที่ฉันไม่สามารถ hardcode เป็นส่วนหนึ่งที่ว่านี้เป็นผู้ใช้สามารถเข้าถึงตัวแปรที่สามารถเปลี่ยนไปเป็นองค์ประกอบที่แตกต่างกันถ้าจำเป็นดังนั้นจึงอาจไม่เคยเป็นlili ความคิดใด ๆ เกี่ยวกับสิ่งที่ฉันหายไป?

994 jquery  jquery-selectors  custom-data-attribute 

ฉันใช้ปลั๊กอินดูด jQuery ฉันต้องการรับ data-id ของไอเท็มที่ถูกคลิกและส่งไปยัง webservice ฉันจะรับแอตทริบิวต์ data-id ได้อย่างไร ฉันใช้.on()วิธีการเชื่อมโยงเหตุการณ์การคลิกสำหรับรายการที่จัดเรียงใหม่ $("#list li").on('click', function() { // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <ul id="list" class="grid"> <li data-id="id-40" class="win"> <a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#"> <img src="themes/clean/images/win.jpg" class="project-image" alt="get data-id" /> </a> </li> </ul> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

813 javascript  jquery  custom-data-attribute 

ฉันต้องการทราบว่าตัวเลือกใดที่ใช้ได้สำหรับแอตทริบิวต์ข้อมูลเหล่านี้ที่มาพร้อมกับ HTML5 นำ HTML ชิ้นนี้มาเป็นตัวอย่าง: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> มีตัวเลือกที่จะได้รับ: องค์ประกอบทั้งหมดที่มีdata-company="Microsoft"ด้านล่าง"Companies" องค์ประกอบทั้งหมดที่มีdata-company!="Microsoft"ด้านล่าง"Companies" ในกรณีอื่น ๆ มันเป็นไปได้ที่จะใช้ตัวเลือกอื่น ๆ เช่น "มีน้อยกว่ามากกว่า ฯลฯ ... "

636 javascript  jquery  jquery-selectors  custom-data-attribute 

การใช้งานระหว่าง$.dataและ$.attrเมื่อใช้แตกต่างกันdata-someAttributeอย่างไร ความเข้าใจของฉันคือที่$.dataเก็บไว้ภายใน jQuery $.cacheไม่ใช่ DOM ดังนั้นถ้าผมต้องการที่จะใช้สำหรับการจัดเก็บข้อมูลที่ฉันควรใช้$.cache $.dataถ้าผมต้องการที่จะเพิ่ม HTML5 $.attr("data-attribute", "myCoolValue")ข้อมูลแอตทริบิวต์ฉันควรใช้

513 javascript  jquery  html  custom-data-attribute 

เป็นไปได้หรือไม่ที่จะเลือกองค์ประกอบใน CSS โดยใช้แอตทริบิวต์ข้อมูล HTML5 (เช่นdata-role)

488 css  html  css-selectors  custom-data-attribute 

ฉันกำลังพยายามใช้ข้อมูล HTML5-ในโครงการ ASP.NET MVC 1 ของฉัน (ฉันเป็นมือใหม่ C # และ ASP.NET MVC) <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> "data-details" ใน htmlAttributes ด้านบนให้ข้อผิดพลาดต่อไปนี้: CS0746: Invalid anonymous type member declarator. Anonymous type members must …

325 asp.net-mvc  html  custom-data-attribute 

ฉันมี div data-myval = "10"ที่มีคุณลักษณะต์ ฉันต้องการอัปเดตค่าของมัน มันจะไม่เปลี่ยนถ้าฉันใช้div.data('myval',20)? ฉันจำเป็นต้องใช้div.attr('data-myval','20')เท่านั้นหรือไม่ ฉันสับสนระหว่าง HTML5 และ jQuery หรือไม่ กรุณาแนะนำ ขอบคุณ! แก้ไข: อัปเดตdiv.data('myval')=20เป็นdiv.data('myval',20)แต่ยังไม่มีการอัปเดต HTML

233 jquery  html  custom-data-attribute 

นานเท่าไหร่สำหรับค่าคุณลักษณะใน HTML? ฉันกำลังใช้แอตทริบิวต์ข้อมูลสไตล์ HTML5 ( data-foo="bar") ในแอปพลิเคชันใหม่และในที่เดียวมันจะมีประโยชน์มากในการจัดเก็บข้อมูลที่ยุติธรรม (มากกว่า 100 ตัวอักษร) ในขณะที่ฉันสงสัยว่าจำนวนนี้ใช้ได้ แต่คำถามนี้ทำให้เกิดคำถามมากเกินไป

213 html  custom-data-attribute 

แอตทริบิวต์ข้อมูลที่กำหนดเอง: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data เมื่อฉันพูดว่า "ทำงาน" ฉันหมายถึงถ้าฉันมี HTML เช่นนี้: <div id="geoff" data-geoff="geoff de geoff"> จะใช้ JavaScript ต่อไปนี้: var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); ผลิตใน IE 6 การแจ้งเตือนด้วย "geoff de geoff" ในนั้น?

173 javascript  internet-explorer  html  internet-explorer-6  custom-data-attribute 

$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work ฉันกำลังสร้างองค์ประกอบภายใน jquery หลังจากนั้นฉันต้องการเพิ่มคุณสมบัติ "data" เขาชอบและถูกเพิ่มเข้ามา แต่ใน DOM สิ่งนี้ไม่ชัดเจนและฉันไม่สามารถใช้ไอเท็มได้ $('div[data-example="example"]').html() jsfiddle

170 jquery  html  custom-data-attribute 

ฉันมี html ถัดไป: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> เป็นไปได้หรือไม่ที่จะรับแอตทริบิวต์ที่ขึ้นต้นด้วยdata-และใช้ในโค้ดJavaScriptเช่นโค้ดด้านล่าง สำหรับตอนนี้ฉันได้รับnullผล document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });

160 javascript  html  custom-data-attribute 

ฉันมีฟิลด์ต่อไปนี้ในมุมมอง MVC: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> ในไฟล์ js ที่แยกจากกันฉันต้องการตั้งค่าdata-helptextแอตทริบิวต์เป็นค่าสตริง นี่คือรหัสของฉัน: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); การalert()โทรใช้งานได้ดีโดยจะแสดงข้อความ "Old Text" ในกล่องโต้ตอบการแจ้งเตือน อย่างไรก็ตามการเรียกเพื่อตั้งค่าdata-helptextแอตทริบิวต์เป็น "การทดสอบ 123" ไม่ทำงาน "ข้อความเก่า" ยังคงเป็นค่าปัจจุบันของแอตทริบิวต์ ฉันใช้การโทรไปยัง data () ไม่ถูกต้องหรือไม่? ฉันได้ค้นหาสิ่งนี้ในเว็บแล้ว แต่ฉันไม่เห็นว่าฉันทำอะไรผิด นี่คือมาร์กอัป HTML: <input data-helptext="Old Text" id="Course_Title" name="Course.Title" type="text" value="" />

131 jquery  model-view-controller  attributes  custom-data-attribute 

ฉันต้องการเขียนปลั๊กอิน jQuery ง่ายๆที่แสดงโมดอลแบบอินไลน์ภายใต้องค์ประกอบที่ระบุ ความคิดของฉันคือให้สคริปต์เริ่มต้นโดยอัตโนมัติตามแอตทริบิวต์ข้อมูลที่ระบุในองค์ประกอบ ตัวอย่างพื้นฐาน: <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div> ฉันแค่สงสัยว่าdata-modal-targetในตัวอย่างข้างต้นถูกต้องหรือไม่data-modal-target="true"? ฉันไม่สนใจอะไรที่บ้ากว่า IE9 ฯลฯ ข้อกำหนดเดียวของฉันคือมันเป็น HTML5 ที่ถูกต้อง

115 html  custom-data-attribute  html5-data 

ฉันมีองค์ประกอบบางอย่างดังต่อไปนี้: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> ฉันจะเพิ่มคลาสให้กับองค์ประกอบที่มีdata-slideค่าแอตทริบิวต์เป็น0(ศูนย์) ได้อย่างไร ฉันได้ลองวิธีแก้ปัญหาต่างๆมากมาย แต่ไม่ได้ผล ตัวอย่าง: $('.slide-link').find('[data-slide="0"]').addClass('active'); ความคิดใด ๆ ?

104 jquery  html  css  custom-data-attribute