从部门查找 UL

Find UL from div

本文关键字：UL 查找      更新时间：2023-09-26

我有一个div "editableDiv"，它嵌套在另一个div中。 请浏览代码

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

问题是，如何找到最里面的ul建议UL

提前谢谢。

您可以使用

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

使用 id 选择器

$('#suggestUL')

使用后代选择器

$('#editableDiv ul');

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

$('#suggestUL');

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

如何找到最里面的UL 

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

试试这个： 

$('#editableDiv ul:last');

也使用 .find() 

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

使用 jQuery 在div 中找到 ul 元素的最正确方法如下：

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

从此处阅读有关选择器性能相关信息的信息。

你可以通过使用div id找到这一点。

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

演示

因为你已经用 css 标记了这个问题，我想我会添加一个答案，告诉你你可以像这样简单地用 css 来设置它的样式。

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

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

相关文章：