Question

我想在包装器div下找到并选择数据属性以“data-qu”开头的所有元素。如何使用jquery执行此操作？

HTML

<div class="wrapper">
    <div data-qu-lw="1"></div>
    <div data-qu-md="2"></div>
    <div data-res-kl="1"></div>
    <div data-qu-lg="3"></div>
</div>

有没有办法选择那些，如$('.wrapper').find('^data-qu')或类似的？

Answer 1

var filteredElements = $('.wrapper > div').filter(function(){
  var attrs = this.attributes;
  for (var i=0; i<attrs.length; i++) {
      if (attrs[i].name.indexOf("data-qu")==0) return true;
  }         
  return false;
});

Answer 2

参考：jQuery attribute name contains

你可以这样做。

$('.wrapper div').filter(function() {
  for (var property in $(this).data()) {
    if (property.indexOf('data-qu') == 0) {
      return true;
    }
  }

  return false;
});

Answer 3

尝试使用.filter()，test()，Object.keys()

＆＃13;

$(".wrapper *").filter(function() {
  return /^qu/.test(Object.keys($(this).data())[0])
}).css("color", "aqua")

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="wrapper">
    <div data-qu-lw="1">1</div>
    <div data-qu-md="2">2</div>
    <div data-res-kl="1">1</div>
    <div data-qu-lg="3">3</div>
</div>

＆＃13;

如何使用jquery查找并选择具有以特定单词开头的数据属性的所有元素？

3 个答案: