jquery - jQueryで前の要素を選択 - 最も近いものが機能しない

Question

jQuery で要素を選択しようとしていますが、うまく選択できません。prev、prevall、closer を試しましたが、成功しませんでした。

基本的に、フォームをクリックすると、フォームの上 (フォームが複数回表示されるページ) の値を更新したいと考えています。

そこでjsfiddleで動作させようとしました（ワンクリックでその上の値が返されるはずです）：

http://jsfiddle.net/s7c2f/1/

これは私がやろうとしていることです:

$(".addshowscoreinqtip").click(function() {
    var button = $(this);      
    var curscore = button.closest('.rating-recent-text');
    var currentscore = curscore.html();
    alert(currentscore);

 });

どんな助けでも大歓迎です！

Answer 1

closest最も近い一致する親要素をprev選択し、直前の兄弟要素を選択します。両方を使用できます。

var curscore = button.closest('.tip-content')
                     .prev('.trending-container')
                     .find('.rating-recent-text');

http://jsfiddle.net/sgN4q/

Answer 2

これを試して

  var curscore = button.closest('.two.columns').find('.rating-recent-text');

デモ

Answer 3

あなたの場合、共通の親に行く必要があり.columnsます。例えば：

デモ

 $(".clickhere").click(function() {
    var button = $(this);      
    var curscore = button.closest('.columns').find('.rating-recent-text');
    var currentscore = curscore.html();
    alert(currentscore);
 });