我们可以使用构造的动态jQuery选择器吗？

Question

I want to contruct a jquery selector as a string and pass its value to the selector.

$(document).on( 'keyup', function( e ) {
    if( e.keyCode == 9 ) {
        //console.log( e.target );

        console.log(e.target.id);

        var preTabIndex = document.getElementById(e.target.id).tabIndex;
        var nextTabIndex = preTabIndex + 1;

        console.log(preTabIndex);
        console.log(nextTabIndex);

        //console.log($('[tabindex=3]')[0].id);

        var selector = "[tabindex=" + nextTabIndex + "]";

        console.log(selector);
        console.log($(selector)[0].Id);

        //document.getElementById($("[tabindex=3]")[0].id).focus();
        document.getElementById($(selector)[0].id).focus();
    }
} );

Can this be done? I couldn't find it on my initial googling.

With this i am getting an undefined when i do

console.log($(selector)[0].Id);

Answer 1

Yes, you can. Make sure you use the . or # to denote the target. For example,

In your HTML:

<p id="header">hello</p>

In your JS:

var my_selector = "#header";
$(my_selector).html('wow');