javascript - 如何将此信息放入变量中？

Question

如何保护“好”这个词和变量中的数字？

<div id="infoTable">
    <div class='info' label='Good' value='1' minvalue='2' maxvalue='3'></div>
    <div class='info' label='Bad' value='4' minvalue='5' maxvalue='6'></div>
</div>

Answer 1

首先，您会找到div它们所在的位置：

var theDiv = $("#infoTable div").first();

这用于$在您的 div 中查找infoTablediv，然后用于first获取第一个。（你也可以这样做var theDiv = $("#infoTable div:first");，但它可能没有效率。）

然后你阅读它的属性：

var theLabel = theDiv.attr("label");
var theValue = theDiv.attr("value");
// ...and so on

如果您希望将数字作为数字而不是字符串：

var theValue = parseInt(theDiv.attr("value"), 10);

Answer 2

var objects = [];

jQuery('.info').each(function()}{
    var j = jQuery(this);
    objects.push({
        label: j.attr('label'),
        minValue: parseInt(j.attr('minvalue'), 10),
        maxValue: parseInt(j.attr('maxvalue'), 10)
    });
});

现在你的objects数组中有所有数据

Answer 3

如果您的标记正是您编写的内容，请使用此 jquery 代码：

$(function () {
    var $elem = $('#infoTable .info:eq(0)');
    var label = $elem.attr('label');
    var value = $elem.attr('value');
    var minvalue = $elem.attr('minvalue');
    var maxvalue = $elem.attr('maxvalue');
})();

Answer 4

使用 Javascript

document.getElementById('infoTable').getElementsByTagName('div')[0].getAttribute('label');//Good
document.getElementById('infoTable').getElementsByTagName('div')[1].getAttribute('label');//Bad