jQueryの苦境は使用

Question

を.parent。どのように連続してa class="toggle"をそれ自身のp class="extra_text"に結びつけるのですか？

私は$(this).nextまたは$(this).parentを使って他の回答を見ましたが、p class="extra_text"の前に他のpがあるために失敗します。私のJqueryですべてのものを起動せずに、正しい連続したa class="toggle"/p class="extra_text"のコンボを選択するにはどうすればよいですか？

Answer 1

あなたがほしい$(this).parent().next()。

Answer 2

SLaksが指摘したように$(this).parent().next()は、あなたが探して何ですが、あなたのテキスト機能の代わりにこれを行う、すべてのクラスを変更します：

$('a.toggle').click(function() { 
    var link = this; 

    $(this).parent().next().slideToggle("slow", function() { 
     $(link).text(function(index, text) { 
      return (text == 'Read More . . .' ? 'Read Less . . .' : 'Read More . . .'); 
     }); 
    }); 
    return false; 
}); 

フィドルデモ：http://jsfiddle.net/KuQPP/

EDIT

I通常は何かの仕組みを説明するためにこれを遠ざけてはいけませんが、この場合は絵が大きく語り、寛大な気分になりました。私はあなたのコードdそうではありません。

説明図