javascript - 如果找不到记录，jQuery 隐藏记录标题

Question

我有一个条目列表，这些条目按字母顺序缩短，现在我想通过单击按钮显示我的条目和其他条目。

在这段代码中，假设我有一个点击按钮，我想用 class="item"& class="title"显示我的条目(参见 class="class_my")。我可以这样做，但在第二种情况下 (id="h") 没有 class="class_my"，因为我不想显示任何东西 (class="item"& class="title")

<li id="g" class="item">
<a name="g" class="title">G</a>
   <ul>
       <li>                   
       <a href="?page_id=242&amp;fid=9&amp;entry=due7ya" class="class_other">Grovy Roy</a>
       <a href="?page_id=242&amp;fid=9&amp;entry=due7ya" class="class_my">Gova Patel</a>
       </li>
   </ul>
</li>
<li id="h" class="item">
    <a name="h" class="title">H</a>
       <ul>
           <li>                   
           <a href="?page_id=242&amp;fid=9&amp;entry=due7ya" class="class_other">Honey Roy</a>

           </li>
       </ul>
    </li>

提前致谢!

Answer 1

如果我没理解错的话，所有项目最初都会被隐藏，当您单击“我的条目”时，您想要显示其中包含一项 .class_my 的项目。与“其他条目”相同。对吗？

我建议先查找类(class)，然后使用 closest查找父项:

$(".item").hide(); // All them are hidden in the beginning
$("#my_button").click(function() {
    $(".class_my").closest(".item").show();
});

如果这不是您要实现的目标，请澄清(使用更多信息编辑您的问题)。还显示您到目前为止尝试过的内容，以便我们可以帮助您发现问题所在。

更新:如果所有项目都显示在开头，并且按钮将隐藏其中一些，请将“全部隐藏”移动到您的函数内部:

$("#my_button").click(function() {
    $(".item").hide(); // Hide all them, and...
    $(".class_my").closest(".item").show(); // ...show only the ones you want.
});