Question

我有一个div “editableDiv”，它嵌套在另一个div中。 editableDiv 将无序列表作为其子项。请仔细阅读代码

<div>
    <div id="editableDiv" contenteditable="true">
        <ul id="suggestUL"></ul>
    </div>
</div>

问题是，如何找到最里面的ul suggestUL

提前致谢。

Answer 1

您可以使用id选择器直接通过id获取ul，因为id应该是唯一的，但您也可以使用后代选择器

使用id选择器

$('#suggestUL')

使用后代选择器

$('#editableDiv ul');

Answer 2

同样使用 .find()

$('#editableDiv').find('ul');

Answer 3

1）你可以通过ID找到它（它应该是唯一的）。

$('#suggestUL');

2）假设没有ID，你想找到最里面的UL：

如何找到最里面的 ul

<div>
    <div id="editableDiv" contenteditable="true">
        <ul ></ul>
    </div>
</div>

试试这个：

$('#editableDiv ul:last');

Answer 4

使用jQuery在div中查找ul元素的最佳方法如下：

$('div#editableDiv').find('ul')

从here了解与选择器性能相关的信息。

Answer 5

你可以使用div id找到这个。

$(document).ready(function(){
$("#editableDiv").find('ul');
    $("#editableDiv").find('ul').text("sss");
    console.log($("#editableDiv").find('ul'));
})

Demo

Answer 6

因为你用css标记了这个问题，我想我会添加一个答案，告诉你你可以在这样的css中设置它的样式..

#suggestUL { // Your Styling }或#editableDiv ul { // Your Styling }

这取决于你想用UL做什么，你的'如何找到最内层的ul'的问题可以用几种方式来解释。也许你应该考虑改进你的问题？

从div中查找UL

6 个答案: