Javascript 从div查找UL

我有一个div“editableDiv”，它嵌套在另一个div中。editableDiv的子项是无序列表。 请把代码通读一遍

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

问题是，如何找到最内在的暗示

---

提前感谢。

您可以通过

id

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

使用id选择器

$('#suggestUL')

使用后代选择器

$('#editableDiv ul');

---

您可以使用id选择器直接通过

id

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

使用id选择器

$('#suggestUL')

使用后代选择器

$('#editableDiv ul');

---

同时使用

.find（）

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

---

同时使用

.find（）

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

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

2） 假设没有ID，并且您希望查找最里面的UL：

如何找到最里面的ul

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

2） 假设没有ID，并且您希望查找最里面的UL：

如何找到最里面的ul

---

使用jQuery查找div内部ul元素的最合适方法如下：

$('div#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'));
})

---

您可以通过使用div id的方式找到这一点

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

---

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

\suggestiul{//Your style}

或

\editableDiv ul{//Your style}

---

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

< P>因为你已经用CSS标记了这个问题。我想我会给你一个答案，你可以简单地在CSS中这样做。

\suggestiul{//Your style}

或

\editableDiv ul{//Your style}

---

这取决于你想用UL做什么，你关于“如何找到最里面的UL”的问题可以用几种方式来解释。。也许你应该考虑改进你的问题？< /P>用它的ID选择它？你只有一个UL，而UL被赋予ID。这里有什么问题？愚蠢的我。由id和works引用。谢谢大家。按id选择它？你只有一个UL，而那个UL有一个id。这里有什么问题？我真傻。由id和works引用。感谢大家。@BasavarajMetri您如何计算

pos

？（还有你的位置）哦，对不起，我知道了。已修复

'pos.left'

和

pos.top

中的问题。谢谢罗伊。@BasavarajMetri您如何计算

pos

？（还有你的位置）哦，对不起，我知道了。已修复

'pos.left'

和

pos.top

中的问题。谢谢罗伊。