從div中找到UL

我有一個div 「editableDiv」它嵌套在另一個div中。 editableDiv具有無序列表作爲其子項目。請通過代碼從div中找到UL

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

的問題是，如何找到最裏面的UL suggestUL

在此先感謝。

來源

2013-12-18 Basavaraj Metri

選擇它的ID？ –

你只有一個UL，並且UL有一個ID。這裏有什麼問題？ –

'$（'＃suggesul'）' –

1）你可以通過ID（它應該是唯一的）找到它。

$('#suggestUL');

2）假設沒有ID，你想找到最裏面UL：

如何找到最裏面 UL

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

試試這個：

$('#editableDiv ul:last');

找到與jQuery的div中的UI元素

來源

2013-12-18 12:40:09

< - 謝謝。而現在，我怎樣才能設置它的（** suggestUL **）css屬性。我的代碼似乎不起作用。這裏是'$（'＃suggestUL'）。css（'left'，pos.left +'px'）; $（'＃suggestUL'）.css（'top'，pos.top +'px'）;' –

@BasavarajMetri你如何計算'pos'？（以及你的位置） –

哦，對不起，我明白了。修正了'pos.left'和pos.top的問題。謝謝Royi。 –

可以使用id選擇作爲ID應該是唯一通過id獲得UL直接，但你可以使用後代選擇以及

使用id選擇

$('#suggestUL')

使用後代選擇

$('#editableDiv ul');

來源

2013-12-18 12:38:33 Adil

還使用.find()

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

來源

2013-12-18 12:39:49 Praveen

最正確的方法是如下：從here

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

閱讀關於選擇性能相關的信息。

來源

2013-12-18 12:40:27 Khamidulla

你可以通過div id找到這個。

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

Demo

來源

2013-12-18 12:45:16 Zeeshan

因爲你已經標記爲CSS我想我會添加你展示，你可以風格它只是在這樣的CSS回答這個問題..

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

這取決於你想要用UL做什麼，你的'如何找到最內層的ul'的問題可以用幾種方式來解釋..也許你應該考慮改進你的問題？

來源

2013-12-18 12:46:08 Wez

回答

相關問題