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（DEMO）を使用します：

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

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