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()。

Answer 2

使用getAttribute：

var labels = $(this).children('div');
var StdId = this.children[0].getAttribute("Std_Id");

请注意，根据HTML5规范，自定义属性应以data-开头，但大多数浏览器都可以容忍它。

Answer 3

您可以使用attr方法，

var value = $('.AttList').attr('Std_Id');

修改

好的，所以你要实现你的，你需要这样做......

var value = $(this).find('.AttList').attr('Std_Id');

假设this是div或div的父母

Answer 4

要保存使用jQuery-Selector选择的元素，请执行以下操作：

$labels = $('.BigDiv').find('label');

现在，您可以使用jQuery的foreach循环遍历每个标签：

$.each($labels, function() {
    var std_id = $(this).attr('Std_Id');
    // do something with std_id
});

使用jquery访问标签的属性

4 个答案: