javascript - 如何获取 anchor 标签的文本？

Question

我在 li 中有行，在 li 中我有 anchor 标记。我想获取该 anchor 标记的值。我正在获取 li 的 id，但没有获取 anchor 标记的值。

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

$(document).on('click', '.clickTestCaseRow', function (e) {
    var clickId = this.id;
    // getting the id
    alert($(this).closest('a').val()); // getting undefined
});

期望值

Answer 1

你需要 find() 而不是 closest() 和 text() 而不是 val() .你想找到事件源的后代元素，找到后代将在另一方面最接近祖先的外观。

val() 用于输入元素，如 textbox、checkbox 等。你需要 html 或文本作为元素，如 div, span, a 等

Live Demo

 alert($(this).find('a').text());

要获取下一个元素，您可以使用 eq(index) 或 next

Live Demo

$(document).on('click', '.clickTestCaseRow', function (e) { 
    alert($(this).find('a:eq(1)').text());
    //alert($(this).find('a').next().text());
});