如何在jQuery中獲取容器的屬性？

Question

我怎樣才能從容器使用jQuery獲取屬性值？

例如：

我有div容器爲：

<div id = "zone-2fPromotion-2f" class = "promotion"> 

在這裏，我怎麼能得到使用jQuery，比屬性的值id我該怎麼修剪獲得部件信息的價值？

更新：我如何獲得屬性值？

UPDATE：如果我在頁面上有多個組件與具有相同的div信息比我怎麼知道哪個屬性值是哪個組件？

謝謝。

Answer 1

首先，這似乎是一個可笑的漫長ID - 我相信它可以做得更短，同時保持其獨特性。

無論如何，在答案：首先你需要一種訪問你的「容器」div的方式。通常，可以使用類或ID來獲取元素。例如，你可以「選擇」這個div使用以下的調用將jQuery：

var container = jQuery('#zone-3a...'); // Fill in ... with really long ID 

但是，既然你問如何檢索ID，我假定通過ID選擇它不是一個選項。你也可以選擇它使用類，雖然它沒有保證的廣告是與該類頁面上的唯一元素：

var container = jQuery('.promotion'); 

還有其他的方法來縮小搜索範圍，如：

jQuery('div.promotion'); 
jQuery('div.promotion:first'); 

一旦你有你的「容器」的參考，您可以檢索ID如下：

container.attr('id'); // => zone-3a... 
// or: 
container[0].id; // => zone-3a... 

Answer 2

因此，假設你的div看起來像這樣。

<div id="foo"/> 

您可以通過使用attr方法來獲得ID屬性。

$("div").attr("id); 

假設您只在頁面上有一個div。不確定你正在尋找哪些組件信息？

Answer 3

用attr()方法讀取節點屬性。

var id = $('.promotion').attr('id'); 

在解析該ID的其他任意信息方面，我不能說，因爲它看起來像你使用某種專有格式的我所不知道的。

Answer 4

環通，並得到所有的div類推廣，並得到每個ID ...

$('div.promotion').each(function(){ 
    var attr = $(this).attr('id'); // or whatever attribute 
}); 

或單

var myDivClass = $('zone-3a-2f-2f-2fPortal-2fPages-2fHome-2fZones-2fLeft-2f-7ccomponent-3a-2f-2f-2fSpm-2fComponents-2fPromotion-2f').attr('class'); 

或其他單

var myDivID = $('.promotion').attr('id');