javascript - この情報を変数に入れるにはどうすればよいですか?

Question

「Good」という単語と変数内の数字を安全にするにはどうすればよいですか?

<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 内のdiv$を検索するために使用され、最初の 1 つだけを取得するために使用されます。（あなたもできますが、おそらく効率的ではありません。）infoTablefirstvar 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