Question

我在尝试在JQuery中的两个<p>标记之间切换时遇到问题，我有一个看起来像......的标记。

<td>
   <p>paragraph 1 <a class="descriptionToggle">Click</a></p>
   <p style="display:none;">paragraph 2 <a class="descriptionToggle">Click</a</p>
</td>

<td>
   <p>paragraph 1 <a class="descriptionToggle">Click</a></p>
   <p style="display:none;">paragraph 2 <a class="descriptionToggle">Click</a</p>
</td>

每次单击.descriptionToggle链接时，它都应在相邻的<p>标记之间切换，我尝试了以下内容......但它不起作用...

$("a.descriptionToggle").on("click",function(){
   $(this).parent().parent().("p").toggle();
});

如何解决这个问题？

Answer 1

你必须在.之后加一个方法。使用.find()获取后代元素

$("a.descriptionToggle").on("click",function(){
   $(this).parent().parent().find("p").toggle();
});

Answer 2

试试这个：

$("a.descriptionToggle").on("click",function(){
   $(this).parents('td').find("p").toggle();
});

<强> jsFiddle example

Answer 3

尝试使用此功能进行切换：

$(this).parent().parent().find("p").toggle();

小提琴展示它的实际效果：http://jsfiddle.net/Dwwtk/

在特定的html元素之间切换

3 个答案: