如何使用JQuery获取div中的第一个子id

Question

如何使用JQuery获取div中的第一个子id.

示例代码:

<div id='id1'>
    <a id='a1' />   
    <a id='a2' /> 
    <a id='a3' /> 
</div>

我想得到身份证明a1.

我试图$('#id1 a:first-child').html()得到文本.如何获得身份证？

Answer 1

$("#id1:first-child").attr("id")

这将为您提供id1元素的id,而不是它的第一个子元素.为了得到第一个div孩子,我使用#id1 div:first-child.所以#id1 a-child会给第一个孩子的id. (9认同)

Answer 2

使用它来获取id1元素的第一个元素:

    $("#id1").children(":first");

Answer 3

下面的答案将选择元素下的第一个'a'元素ID - 'id1'(根据问题提问)

$('#id1 a:first-child').attr('id')

下面的代码只会选择带有ID的第一个Div - 'id1'所以它会选择div的div而不是子元素(但不是按照问题的答案)

$('#id1:first-child').attr('id')

Answer 4

如果您想要第一个孩子，则需要

$(element).first();

如果要从元素中获取dom中的特定第一个元素，请在下面使用

var spanElement = $(elementId).find(".redClass :first");
$(spanElement).addClass("yourClassHere");