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

Question

如何使用jquery從容器獲取屬性值？

例如：

我有容器div作為：

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

在這里，我如何使用jquery獲取屬性id值，然后如何修剪該值以獲取組件信息？

更新：如何獲取屬性值？

更新 ：如果頁面上有多個具有相同div信息的組件，那么我將不知道該組件的屬性值是多少？

謝謝。

Answer 1

首先，這似乎是一個荒謬的長ID，我相信它可以做得更短，同時仍保留其唯一性。

無論如何，繼續回答：首先，您需要一種訪問“容器” div的方法。 通常，可能會使用類或ID來獲取元素。 例如，您可以通過以下對jQuery的調用來“選擇”該div：

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，並獲取每個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');