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")

Answer 2

以下答案将选择元素下的第一个'a'元素ID - 'id1'（根据问题提问）

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

以下代码只会选择带ID的第一个分区 - 'id1'所以它会选择div的div而不是子元素（但不是按答案中的问题提出）

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

Answer 3

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

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

Answer 4

如果你想要第一个孩子，你需要

$(element).first();

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

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

试试：http://jsfiddle.net/vgGbc/2/

Answer 5

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

Answer 6

为了使事情变得非常清楚，这是为了找到你已经可以访问的某个元素中的任何元素，在这种情况下，这是具有id =＆＃39; e1＆＃39;的元素：

<style>
  .c1{ border:2px solid red; padding: 12px; background: lightyellow }
  .c2{ border:2px solid green; padding: 12px; background: lightyellow }
  .c3{ border:2px solid blue; padding: 12px; background: lightyellow }
</style>

<div class='c1' id='e1'>
  <div class='c2' id='e2'>
    <div class='c3' id='e3'>text</div>
  </div>
</div>

以下行获取你的e2：

var child2 = $('#e1').find(".c2");

以下几行都可以获得div e3：

var child3   = $('#e1').find(".c3");
var child3_1 = $('#e1').find(".c2 :first");

要改变这些内容，你必须使用这样的对象：

$(child2).css('background-color','white');
$(child3).css('border','4px dotted pink');
$(child3_1).css('color','#ef2323');

我希望这很清楚，也很有帮助。

Answer 7

$（“＃form .form-group”）。first（）;

可能对某人有帮助。

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

7 个答案: