的JavaScript/jQuery的獲取div的ID

Question

我有兩個div像這樣：

第一個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> 

第二個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下來的版本一個旋轉木馬我在頁面上有像這樣的項目。我能夠獲得活動項目的ID並將其存儲以供使用。

對於第二個div我試圖得到同一個ID的ID與相同的ID附加單詞'Tab'。

繼承人我的代碼：

// 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正確的ID，但它沒有返回這一點。

我怎樣才能得到與第一個div相同的第二個div的id。所以如果第一個ID是ZS125-48A，我可以找到ID爲ZS125-48ATab的div。

感謝

Answer 1

只需使用

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

注意更換

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

：我寧願避免$變量名如果第一個字符這些不是jQuery Object：它可能會讓我們感到困惑。

Answer 2

你需要預先ID預選器（#）。例如：

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

另外，由於ID應該是唯一的，因此不需要使用find()。指定自身的選擇應該是足夠了：

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

Answer 3

你只是錯過了#找到8號線的ID：

// 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);