得到一個錨內的文本點擊圖片後

Question

我有幾個環節類似於下面的HTML，但是不同的文本： -

<a class="rpLink " href="#"> 
    <span class="rpOut"> 
    <span class="rpExpandHandle"></span> 
    <img class="rpImage" src="Images/favourite.png"> 
    <span class="rpText">Baskets with Product </span> 
    </span> 
</a> 

我試圖讓文本（rpText內）時，用戶點擊收藏圖片。

我有以下的JQuery到現在爲止： -

 $('.rpItem').on("click", "img", function (e) { 
     var text = $(this).find(".rpLink").text(); 
     e.preventDefault(); 
     var args = { 
      reportName: e 
     }; 
     alert($(this).attr('href')); 
     $.ajax({ 
      type: "POST", 
      url: "Default.aspx/AddToFavourites", 
      data: JSON.stringify(args), 
      contentType: "application/json;charset=utf-8;", 
      success: function() { 
      }, 
      error: function() { 
       alert("Fail"); 
      } 
     }); 
    }); 

但我不能設法得到的文本。

Answer 1

如果點擊事件是最喜歡的IMG然後u可以使用siblings()

試試這個

$('.rpItem').on("click", "img", function (e) { 
    $(this).siblings('span.rpText').text(); 
    .... 

Answer 2

試試這個：

var text = $(this).find(".rpText").text();