作者:May蕊心 | 来源:互联网 | 2023-02-01 19:32
$(document).ready(function () {
$("#one > li").text("fruits");
})
当我在上面的HTML上运行这个Javascript时,输出会将所有列表项更改为"fruits",包括id ="two"的那些.由于直接选择器(>)应该只选择id ="one"的ul元素的直接子元素,那为什么会发生这种情况呢?
1> j08691..:
您告诉jQuery将所有子列表项的内容更改为"fruits",因此它会清除嵌套列表并执行此操作.如果要跳过包含其他列表的列表项,则需要告诉它:
$(document).ready(function () {
$("#one > li:not(:has('ul'))").text("fruits");
})