jquery - 火机怎么触发？第一个元素

Question

我有这个简单的脚本

html代码

<div id='div1'>
    <ul>
        <li><a href='#gone'>gone</a></li>
        <li><a href='#gtwo'>gtwo</a></li>
    </ul>
</div>
<div id='div2'>
    <ul>
        <li><a href='#g1'>g1</a></li>
        <li><a href='#g2'>g2</a></li>
    </ul>
</div>

js代码

init();
function init(){
    target = $('#div1').find('ul');

    target.on('click','a',function(){
        alert ($(this).attr('href'));
    });

    target.trigger('click');
}

火机怎么触发？带有 href #gone 的第一个元素

Answer 1

您可以为每个锚标记分配一个唯一的 id，并且可以使用 like

<div id='div1'>
    <ul>
        <li><a href='#gone' id='gone' >gone</a></li>
        <li><a href='#gtwo' id='gtwo'>gtwo</a></li>
    </ul>
</div>

而javascript就像。

$("#gone").trigger("click");

并像这样绑定点击事件

$("#gone").bind("click",function(event){
//your code.
});

如果你的 ul li 是动态的，那么你可以像这样使用：

$('#div1 ul li').first().find("a").trigger("click");

Answer 2

我会使用first-child（演示）：

init();
function init(){
    target = $('#div1 ul');
    target.on('click','a',function(){
        alert ($(this).attr('href'));
    });

    $('li:first-child a', target).trigger('click');
}