从 div 中查找 UL [关闭]答案

【问题标题】：Find UL from div [closed]从 div 中查找 UL [关闭]
【发布时间】：2013-12-18 20:46:08
【问题描述】：

我有一个嵌套在另一个 div 中的 div "editableDiv"。 editableDiv 有一个无序列表作为其子项。请通过代码

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

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

提前致谢。

【问题讨论】：

通过它的 id 选择它？
您只有一个 UL，并且该 UL 被赋予了一个 ID。这里有什么问题？
愚蠢的我。由 id 和作品引用。谢谢大家。

标签： javascript jquery css

【解决方案1】：

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

使用 id 选择器

$('#suggestUL')

使用后代选择器

$('#editableDiv ul');

【讨论】：

【解决方案2】：

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

$('#suggestUL');

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

如何找到最里面的 ul

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

试试这个：

$('#editableDiv ul:last');

【讨论】：

suggestUL) css 属性。我的代码似乎不起作用。这里是$('#suggestUL').css('left', pos.left + 'px'); $('#suggestUL').css('top', pos.top + 'px');
@BasavarajMetri 你如何计算pos ？（还有什么position你在上面）
哦，对不起，我明白了。 'pos.left' 和 pos.top 有问题，已修复。谢谢罗伊。

【解决方案3】：

也使用 .find()

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

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

你可以通过 div id 找到这个。

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

Demo

【讨论】：

【解决方案6】：

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

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

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

【讨论】：