javascript - 'this'を使用して、Jqueryタブが押されたときに関数をトリガーします

Question

viewNameパラメーターを渡すことでJqueryタブを動的に作成しています。動的に作成されたタブにthis基づいて、別の関数をトリガーするために使用する方法を理解しようとしています。id

IDこれは、タブを作成し、それらに名前と名前を動的に割り当てる関数です。

function SetImportedView(viewName, scriptValue) {
/* put the values we received in parameters into create view tabs*/
$('<li id="' + viewName + '">' + '<a href="' + '#tabs-1' + '"</a>' + viewName +    '</li>').insertBefore('#new');
}

IDクリックされたタブのに固有の別の関数をトリガーする必要があります。

このようなもの：

$(this.tab).click(function() {
 doSomething
}

Answer 1

これは何ですか

function SetImportedView(viewName, scriptValue) {
    /* put the values we received in parameters into create view tabs*/
    $('<li id="' + viewName + '">' + '<a href="' + '#tabs-1' + '"</a>' + viewName +    '</li>')
        .on( 'click', 'a' function( ev ) {
            // link in li clicked
         } )
        .insertBefore('#new');
}

編集

わかりました、あなたはこのようなものを意味しますか？！？！

$( 'li' ).on( 'click', 'a', function( ev ) {
    var tabID = $( this ).parent().attr('id');

    // do something here with your tabID
} );

Answer 2

「a」タグをオンクリックするだけで、次のようにレンダリングされます。

<a href="javascript:void(0);" onclick="return myFunction();">TAB #1</a>

Answer 3

解決...

$('#tabs ul li a').click(function() {
        console.log($(this).attr('id'));
    });