jquery - jQuery:选择器仅选择头等舱

我试图选择可以多次出现的类，但是JQuery只选择第一个实例。

jQuery查询

$(function(){
$(".openNews").click(function() {
    alert("click");

    $(this).parent().find('.newsContent').toggleClass("newsContent-expand");
    $(this).parent().toggleClass("newsItem-expand");
});
});

HTML（可以有很多这样的newsItem div，它们都包装在一个主容器中）

<div class="newsItem">
     <div class="openNews">G</div>
     <div class="newsHeadline">
          <span class="headline">The other thing</span>
          <span class="author">by: author</span>
          <span class="time">12/07/2012 @ 12:57 pm</span>
     </div>
     <div class="newsContent">
        sdf<br>
        sdf<br>
        sdf<br>
        sdfdsfsdfsdfsd<br>
        sdfsdf sdf
     </div>
</div>

该警报仅用于故障排除。

单击“ G”应触发转换，但这仅适用于第一个newsItem。单击“ G”时，所有后续新闻项均不执行任何操作，除非其上方的项已转换。

如果我观看了newsHeadline的点击，我可以使其正常工作，但这会导致问题，即单击newsHeadline会导致其上方的一个过渡，或者您不得不四处寻找可点击的部分（不会例如，点击标题文本）。

我觉得我缺少一些简单的东西。有任何想法吗？

最佳答案

为了选择一个类的每个实例，不要使用find，只要保持简单即可：

$('.newsContent').[do something here, toggle, etc]

关于jquery - jQuery:选择器仅选择头等舱，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13887519/