jquery 中关于动态 div 和 p 的帮助

Question

我遇到了一个目前无法理解的问题。我在 jsp 中有一个脚本，它创建动态

和

标记。每个

标签都有“parent”类，每个 div 类都有“child”类。现在我想要实现的是，当用户单击特定的

标签时，

就位于该 << p> 应该出现。但是当我现在点击

标签时..它也会打开其他

标签的所有 div..。请帮我解决这个问题。 谢谢

谢谢你们...我对代码做了一些更改...现在工作正常。

$(document).ready(function(){
$(".child").hide();
$(".parent").bind('click',function(){



$(this).next('.child').toggle("slow");


    });

});

Answer 1

在 jQuery 中

$('p.parent').click(function(){ $(this).next('.child').show(); });

.next() 方法 告诉 jQuery 选择“立即”跟随兄弟姐妹”，在你的情况下这将是 div。

Answer 2

您必须在 jquery 中使用子选择器： http://api.jquery.com/category /traversing/tree-traversal/

如果没有代码，我无法回答，但这是我的尝试：

$('p').click(function(){
    $(this).find('div').show();
});

如果代码错误地是这样的，则此方法有效：

< /div>

。

如果您有代码

，请使用以下代码：

$('p').click(function(){
    $(this).next().show();
});

Answer 3

当您使用 jquery 选择器获取 ap 时，如下所示：

$('p.parent')

它将选择具有父类的所有 p 标签。您必须更加具体地选择
例如 $('p.parent, .child:first') 将选择第一个，请查看 http://api.jquery.com/category/selectors/ 用于 jquery 中的所有选择器。

当你想选择被点击的p时，你只需使用$(this)。

$('p.parent').bind('click', function() {
$(this).children('div').show(); // look at how you can use $(this) which will link to the p clicked on
});