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与类促销并获取每个的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');