JavaScript/JQuery получить идентификатор DIV

Question

У меня есть две дивы, как так:

Первый Div

<div class="carousel"> 
    <div class="item active" id="ZS125-48A">...</div> 
    <div class="item" id="FFKG-34">...</div> 
    <div class="item" id="DSSS-56">...</div> 
    <div class="item" id="ZSFD-48A">...</div> 
</div> 

ВТОРОГО Див

<section class="contentBikeTabbedMenus"> 
    <div id="ZS125-48ATab" class="active" "="">...</div> 
    <div id="FFKG-34Tab" class="" "="">...</div> 
    <div id="DSSS-56Tab" class="" "="">...</div> 
    <div id="ZSFD-48ATab" class="a" "="">...</div> 
</section> 

Первый DIV является simpled вниз версия на карусели у меня есть на странице такие предметы. Я могу получить идентификатор активного элемента и сохранить его в готовности.

Для второго div я пытаюсь получить идентификатор того же div с тем же именем, что и слово «Tab».

Heres мой код:

// get the carousel 
    var $carousel = $(".carousel"); 
    var $active = $carousel.find(".item.active").attr('id'); 
    var $bikeId = $active; 
    var $bikeIdTab = $bikeId + "Tab"; 

    //This prints out the correct id of the item with the class active.  

    var $tab = $(".contentBikeTabbedMenus"); 
    var $tabId = $tab.find($bikeIdTab); 

    //i am trying to do the same here but i am having no success. 

    console.log($bikeIdTab); 
    console.log($tabId); 

Логически я думал, что у меня есть правильный идентификатор DIV я хочу найти, но не возвращает это.

Как я могу получить идентификатор второго div, который совпадает с первым div. поэтому, если первым id является ZS125-48A, я могу найти div с id ZS125-48ATab.

Благодаря

Answer 1

Просто замените

var $tabId = $tab.find($bikeIdTab); 

с

var $tabId = $('#'+$bikeIdTab); 

Примечание: Я бы предпочел, чтобы избежать $ как первый символ имени переменной, если это не jQuery Object: это может нас смутить.

Answer 2

Вы должны предварять ID предварительного выбора (#). Например:

var $tabId = $tab.find('#'+$bikeIdTab); 

Кроме того, поскольку идентификаторы должны быть уникальными, нет необходимости использовать find(). Указание селектора по себе должно быть достаточно:

var $tabId = $('#'+$bikeIdTab); 

Answer 3

Вы просто пропустили # найти идентификатор в строке 8:

// get the carousel 
var $carousel = $(".carousel"); 
var $active = $carousel.find(".item.active").attr('id'); 
var $bikeId = $active; 
var $bikeIdTab = $bikeId + "Tab"; 

//This prints out the correct id of the item with the class active.  

var $tab = $(".contentBikeTabbedMenus"); 
var $tabId = $tab.find('#' + $bikeIdTab); 

//i am trying to do the same here but i am having no success. 

console.log($bikeIdTab); 
console.log($tabId);