0

我对 Jquery 很陌生，当我尝试在我的程序中选择子 div 时遇到问题。关键是要有一个触发 jquery 函数的按钮。此功能旨在从按钮所在的位置获取所有子 div 并将它们隐藏。这是我的jQuery代码：

$(".button").click(function () {
    $(this).children('div').fadeToggle("fast", function () {
    });
});

我的html很简单。一个 div 中的 div 和第二个 div 中的 div 是另外两个 div。

<div class="clients>
    <input type="button" class="button" id="button" value="Hide Sites" autopostback="false"/>
    <div class="websites>
        <div class="urls"></div>
        <div class="data"></div>
    </div>
</div>

这虽然行不​​通。我试过使用 jquery.next 和兄弟姐妹，但也无法让它们工作。Jquery.closest 向上看，找到了容器 div（客户端），但这也不是我需要的。大伙帮忙？谢谢

4

3 回答 3

3

你已经破坏了 html，closing quote missinghereclass="clients和 here class="websites ，你必须使用next()而不是children()

现场演示

<div class="clients">
    <input type="button" class="button" id="button" value="Hide Sites" autopostback="false"/>
    <div class="websites">
        <div class="urls">1</div>
        <div class="data">2</div>
    </div>
</div>​

$(".button").click(function () {
    $(this).next('div').fadeToggle("fast", function () {
    });
});
于 2012-11-28T09:32:55.043 回答
1

试试这个格式

$('.clients').on('click', $('.button'), function(){

});
于 2012-11-28T09:34:26.177 回答
0

通过使用 jquery.siblings 解决了它：

$(".button").click(function () {
    $(this).siblings('div').fadeToggle("fast", function () {
    });
});

我以前尝试过兄弟姐妹，但我想我有一个错误，因为现在它可以工作了。谢谢你们！

于 2012-11-28T15:51:16.140 回答