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();
});