jquery - 在特定的 html 元素之间切换

Question

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

<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 示例

Answer 3

试试这个你的切换：

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

小提琴在行动中展示它：http: //jsfiddle.net/Dwwtk/