javascript - 遍历(获取)包裹在 <a> 标签内的元素？

Question

我有这样的东西:

<a class="feature category">
            <div class="feature-txt left">
                <p id="first">innerHTML</p>
            </div>
            <div class="feature-go left center">
                <i class="fa fa-angle-right fa-fw"></i>
            </div>
        </a>

单击时我想在 p 标签内获取文本，但是:

$('.category').on('click', function() {
            alert($(this).find("p").innerHTML);
        });

不工作。我怎样才能得到它？

Answer 1

$(this).find("p") 返回dom元素的jquery对象。你不能直接对它们使用 javascript 方法。

1)要么将对象转换为javascript

$('.category').on('click', function() {
    alert($(this).find("p")[0].innerHTML);
});

2) 或使用jquery的.text()或.html()方法

$('.category').on('click', function() {
        alert($(this).find("p").text());
    });