javascript - 按下 Jquery 选项卡时使用“this”触发函数

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”标签上放置一个 onclick，它就会呈现如下：

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

Answer 3

解决了...

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