Question

我不认为我的问题很难，但我只是jQuery和这个论坛的新手，所以希望你能帮我解决这个问题。我只是想通过两个具有相同类名的按钮单独打开两个div的内容，为了更容易理解，我将首先显示我的代码片段：

<div id="CNN">
    <div id="article1">
        <div class="content">
            My content of CNN goes here
        </div>

        <div class="more">
            My button goes here     
        </div>
    </div>
</div>

<div id="Bloomberg">
    <div id="article1">
        <div class="content">
            My content of bloomberg goes here
        </div>

        <div class="more">
            My button goes here     
        </div>
    </div>
</div>

这是我当前的jQuery代码无效：

$(document).ready(function() {
    $("div.more").each(function() {
        $(this).click(function() {
            var target = $(this).parent().next(".content");
            $(target).slideDown("slow");
        });
    });
});

在这里，我想点击更多按钮，它只会显示属于它的内容。你可以不遵循我现在的代码:)。这就是我的全部问题，希望大家都能帮助我提高编程技巧，并且非常感谢你们的进步！

Answer 1

$(document).ready(function() {
    $("div.more").click(function(){
        $(this).parent().find("div.content").slideDown("slow");
    });
});

应该做的伎俩

Answer 2

试试这个：

$(document).ready(function() {
    $("div.more").click(function() {
        var target = $(this).parent().find(".content");
        target.slideDown("slow");
    });
});

<强> Example Fiddle

Answer 3

试试这个：

$("div.more").click(function() {
    $(this).prev().slideDown("slow");
});

jQuery用相同的类独立打开每个按钮的内容

3 个答案: