单击图像后获取锚内的文本

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，那么您可以使用siblings()

试试这个

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

Answer 2

试试这个：

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