javascript - 使用 jquery 访问标签的属性

Question

我有一些来自服务器的数据，我在其中填充了 Html 页面中的 A Div。我写div的方式如下:

    <div class="BigDiv"><label class = "AttList" Std_Id="' + Std_Id + '">' + Std_Name +'</label></div>

现在，我想要这个 div 中的数据。div 中还有一些其他标签，所以我使用 this.children 来访问这个标签。

        var labels = $(this).children('div');
        var StdName = this.children[0].childNodes[0].nodeValue;

我想访问 Std_Id 属性里面的 Std_Id，但我不知道该怎么做......你有什么想法吗？谢谢。

Answer 1

假设 $(this) 是对 .BigDiv 元素的引用:

var StdName = $(this).find('label').attr('Std_Id');

或者，类似地，假设 this 是 .BigDiv 元素:

var children = this.childNodes;
for (var i=0,len=children.length; i<len; i++){
    if (children[i].nodeType == 1 && children[i].tagName.toLowerCase() == 'label'){
        var StdName = this.getAttribute('Std_Id');
    }
}

引用资料:

• jQuery:
  • attr() .
  • find() .
• JavaScript
  • element.getAttribute() .
  • node.nodeType .
  • tagName .
  • toLowerCase() .