jquery - 通过 :first, :second, :nth 获取 4 个 div 的值 - jQuery

Question

如何获取

的值

<div>
    <span class="xxx" id="VariesAlways">x1</span>
    <span class="xxx" id="VariesAlways">x2</span>
    <span class="xxx" id="VariesAlways">x3</span>
    <span class="xxx" id="VariesAlways">x4</span>
</div>

通常

$('.xxx').trigger(function() {

    $(this).attr('value');
});

但我希望它是

$('.xxx:first').attr('value');
$('.xxx:second').attr('value');
$('.xxx:third').attr('value');
$('.xxx:fourth').attr('value');

但是当 alert($('.xxx:first').attr('value')); 完成时，它给我未定义。

谢谢吉恩

Answer 1

好吧，如果元素没有属性 value，.attr('value') 将不起作用。这是肯定的:)

要按您想要的顺序选择它们，您应该使用 :eq 伪选择器，或者更好(=更快)的 .eq() 方法。

$('span.xxx').eq(0).text()
$('span.xxx').eq(1).text()
$('span.xxx').eq(2).text()
$('span.xxx').eq(3).text()

.eq() 需要索引作为参数。
无论如何，您也可以通过调用 .each()

来循环它们

$('span.xxx').each(function(index, elem) {
    alert(elem.textContent || elem.text);
});

.each() 将循环遍历 DOM 中出现的节点。这可能是更好的选择。

引用:.eq() , .each()