javascript - 获取点击的 li 中第一个 div 的 id

Question

<li class="intro-item">
    <a href="...">Something</a>
        <div id="bar1"></div>
        <div id="bar2"></div>
        <div id="bar3"></div>
        <div id="bar4"></div>
        <div id="bar5"></div>
</li>

我想在点击 li 时获取第一个 div(这里是 bar1)的 ID。还有更多与上面相同的lis。所有这些 lis 也有 CSS 类“intro-item” 当我点击其中的每一个时，我想获得第一个 div 的 id。

思路是这样的

$('li.intro-item').click(function(){
    alert($('(this) div:first').attr('id'));// here I can't apply this keyword that's the problem.
    });

Answer 1

将 this 作为上下文传递给 jQuery

$('li.intro-item').click(function () {
    alert($('div:first', this).attr('id')); //or $(this).find('div:first')
});