1

JQuery で2 つのタグを切り替えようとすると問題が発生します<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();
});

この問題を解決するにはどうすればよいですか?

4

3 に答える 3

2

の後にメソッドを配置する必要があり.ます。.find()子孫要素を取得するために使用します

$("a.descriptionToggle").on("click",function(){
   $(this).parent().parent().find("p").toggle();
});
于 2012-09-18T18:53:07.707 に答える
1

これを試して：

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

jsFiddle の例

于 2012-09-18T18:52:54.177 に答える
1

トグルでこれを試してください：

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

実際の動作を示すフィドル: http://jsfiddle.net/Dwwtk/

于 2012-09-18T18:53:26.003 に答える