Question

<div name='hello'>

    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>

</div>

我想访问div为1并更改其内容。使用J查询

我试过像

这样的东西

$(document).ready(function(){
    $('div[name="Hello"]').find('div :first-child').text('One');   
});

Answer 1

离一个空间

$(document).ready(function(){
    $('div[name="hello"]').find('div:first-child').text('One');   
//                                 ^^ remove space
});

名称区分大小写

FIDDLE

Answer 2

无需使用find

$('div[name="Hello"] div:first-child').text('One');

Answer 3

你只是在使用额外的空间

$('div[name="hello"]').find('div :first-child').text('One');

替换它并将代码写为：

$('div[name="hello"]').find('div:first-child').text('One');

Answer 4

您可以尝试这种方式：

在上下文中使用:contains()：

$('div:contains("1")', 'div[name="hello"]').text('One');

Checkout the fiddle

您也可以尝试使用:contains()和.find()方法：

$('div[name="hello"]').find('div:contains("1")').text('One');

注意：

name='hello' !== name='Hello'这意味着这是区分大小写的。你已经使用了所有小写的名字，并且在你的选择器上下文中使用了一个大写的"H"，它不起作用。

Answer 5

$(document).ready(function(){
    $($('div[name="hello"]').children()[0]).text('One');   
});

和

$(document).ready(function(){
    $('div[name="hello"]>:first-child').text('One');
    $('div[name="hello"]>:first-child').next().next().text('Three');   
});

等

Answer 6

你必须为你的孩子提供id .. 子id的第一个div = mainContainer

1 2 3 4 五

$（“＃mainContainer：first-child”）。attr（'id'）

如何访问没有ID的div的子div

6 个答案:

注意：