如何使用jQuery检索“结果1”?使用data-filters属性

How do I use jQuery to retrieve "Result One" using the data-filters attribute?

本文关键字：使用 data-filters 属性 结果 何使用 jQuery 检索      更新时间：2023-09-26

我如何使用jQuery检索"结果一个A"answers"结果一个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>

相关文章：