<a>在图像按钮上的标签中</a>获取文本<a>单击</a>

Question

<td style="float:right;padding-top:5px">
   <a class="testAccId">#:AccountID#</a>                                                                   
   <img id="imgbtn" class="clsimg" onclick="history(event)" src="../Content/images/history.png" />                                 
</td>

我有一个锚标记和一个图像按钮，单击图像按钮后，我需要该锚标记中的文本，并且“ td”处于循环中，所以如果我有2个项目，则在第一个图块中单击img时，我应该从第一个图块中获取文字。

我尝试了以下选项。

 function history(e) {
        var a = $(this).closest('td').next().find('.testAccId').text();
        alert(a);
    }


 function history(e) {

    var a= ($(".imgbtn").closest(".testAccId")).text();
    alert(a);
}

function history(e) {
        var a = $(e.currentTarget).closest('td').next().find('.testAccId').text();
        alert(a);
    }

在警报中，我得到的是空对象。

请帮我解决一下这个。

Answer 1

也许您可以尝试类似的操作，但很难讲出一个示例，但是只要结构是一致的，它就可以工作

function history(e) {
 var a = ($(e.target).prev().html());
  alert(a)
}

我也在这里更新了代码，现在应该可以使用了^^

Answer 2

另外一个选项：
PS：确保在头部包含Jquery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        $(".clsimg").click(function(){
            alert($(this).parent('td').find('a').text());
        });
    });
</script>

Answer 3

您可以匹配最接近的元素

 function history(e) {

var a= ($(".imgbtn").closest($('.testAccId')).text();
    alert(a);
}

Answer 4

通过删除内联JS并使用更好的click事件以及.closest()和.find()

 $(".clsimg").on("click", function() { var aText = $(this).closest("td").find("a").text(); alert(aText); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td> <a class="testAccId">#:AccountID#</a> <img id="imgbtn" class="clsimg" src="//placehold.it/50x50" alt="Desc"> </td> </tr> </table> 

Answer 5

A和IMG是同一个父母的孩子，他们是兄弟姐妹 ，所以您需要做的是：

$('.clsimg').click(function() {
    alert($(this).siblings('a').text());
});

JSFiddle工作演示