Question

我正在尝试选择可以多次出现的类，但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”后，所有后续newsItem都不执行任何操作，除非上面的项目已经过渡。

如果我看到newsHeadline上的点击，我可以让它工作得很好，但是这会导致点击newsHeadline会导致其上方转换的问题，或者你必须寻找可点击的部分（例如，不会看到标题文字的点击。

我觉得我错过了一些简单的事情。有什么想法吗？

Answer 1

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

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

JQuery：Selector只选择第一个类

1 个答案: