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