如何使用 jQuery 通过数据过滤器属性检索“结果一 A”和“结果一 B”?我想检索以“[“FilterOne”]”作为数据过滤器的每个结果。
<ul class="list">
<li data-filters="["FilterOne"]">
<div class="wrapper">
<span class="target">Result One A</span>
</div>
</li>
<li data-filters="["FilterOne"]">
<div class="wrapper">
<span class="target">Result One B</span>
</div>
</li>
<li data-filters="["FilterTwo"]">
<div class="wrapper">
<span class="target">Result Two A</span>
</div>
</li>
<li data-filters="["FilterThree"]">
<div class="wrapper">
<span class="target">Result Three A</span>
</div>
</li>
</ul>
最佳答案
它可以工作,但是您的 HTML 标记有些未格式化(现在只需稍作修改)
$(function() {
var lis = $('li[data-filters="\\[\\"FilterOne\\"\\]"] > div > span.target').each(function(index) {
alert($(this).text());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="list">
<li data-filters='["FilterOne"]'>
<div class="wrapper">
<span class="target">Result One A</span>
</div>
</li>
<li data-filters='["FilterOne"]'>
<div class="wrapper">
<span class="target">Result One B</span>
</div>
</li>
<li data-filters="[" FilterTwo "]">
<div class="wrapper">
<span class="target">Result Two A</span>
</div>
</li>
<li data-filters="[" FilterThree "]">
<div class="wrapper">
<span class="target">Result Three A</span>
</div>
</li>
</ul>
关于javascript - 如何使用 jQuery 使用 data-filters 属性检索 "Result One"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32091049/