如何在编辑按钮上单击找到锚标记的文本？

Question

   <div class="testcaselist_row"><ul><li id="tc_1" class="clickTestCaseRow"><a href="#" style="color: #ffffff!important;">q</a><a class="delete deleteTestCase_h"></a><button class="edit_h" href="#">Edit</button></li></ul></div>

您能否告诉我如何在编辑按钮上找到锚标记文本？

$(document).on('click','.edit_h',function(e){
    alert('rdit'+$(this).closest('li').attr('id'));//getting iD
    alert($(this).closest('a').text()); //getting undefined  it shouted be "q"
    $("#editTestCaseId").popup("open");


e.stopPropagation();
e.stopImmediatePropagation();
});

Answer 1

您要查找的锚标记不是父标记。所以你不能使用.closest()

尝试，

alert($(this).closest('li').find('a:first').text());

DEMO

Answer 2

working demo

试试这个

$(document).on('click','.edit_h', function(){

    alert( $(this).closest("li").find("a:eq(0)").text());


});