如何使用HTML5在自定义数据属性上使用jQuery选择器?
要对自定义数据属性使用jQuery选择器,可以对HTML数据属性使用包含,开头和结尾。
示例
除此之外,您可以尝试运行以下代码来学习如何使用HTML5在自定义数据属性上使用jQuery选择器:
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ //存储的选择器 var group = $('ol[data-group="Subjects"]'); //以M开头 var maths = $('[data-subject^="M"]',group).css('color','green'); //包含字符串图 var graph = $('[data-subject*="graph"]',group).css('color','blue'); }); </script> </head> <body> <ol data-group="Subjects"> <li data-subject="Maths">Maths</li> <li data-subject="Science">Science</li> <li data-subject="Geography">Geography</li> <li data-subject="History">History</li> </ol> </body> </html>