2013-12-18 6 views
1

У меня есть div "editableDiv", который вложен внутри другого div. editableDiv имеет неупорядоченный список в качестве дочернего элемента. Перейди через кодНайти UL от div

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

Вопрос в том, как найти сокровенное ул suggestUL

Спасибо заранее.

+4

Выделите его по id? –

+3

у вас есть только один UL, и что UL получает идентификатор. В чем проблема? –

+2

'$ ('# suggestUL')' –

ответ

1

1) вы можете найти его по ID (который должен быть уникальным).

$('#suggestUL'); 

2) предполагая нет ID и вы хотите найти сокровенное UL:

как найти сокровенное ул

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

Попробуйте это :

$('#editableDiv ul:last'); 
+0

<- Спасибо. И теперь, как я могу установить свои атрибуты (** suggestUL **) css. Мой код, похоже, не работает. Здесь это '$ ('# suggestUL'). Css ('left', pos.left + 'px'); $ ('# suggestUL'). Css ('top', pos.top + 'px'); ' –

+1

@BasavarajMetri Как вы вычисляете' pos'? (и какая «позиция» у вас есть) –

+0

О, извините, я понял. Устранена проблема в '' pos.left'' и 'pos.top', исправлена. Спасибо Ройи. –

5

Вы можете получить уль непосредственно через id, используя селектор идентификатора, как идентификатор должен быть уникальным, но вы можете использовать селектор потомков, а

Использование селекторе

$('#suggestUL') 

селектор Используйте потомок

$('#editableDiv ul'); 
1

Также с использованием .find()

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

Самый правильный способ найти уль элемент внутри DIV с JQuery выглядит следующим образом:

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

Читайте о производительности селектор информации, связанной с here.

1

Вы можете это узнать, используя div id.

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

Demo

1

Потому что вы отметили этот вопрос с помощью CSS Я думал, что я хотел бы добавить ответ, показывая, что вы можете стиль его просто в CSS, как это ..

#suggestUL { // Your Styling } или #editableDiv ul { // Your Styling }

Это зависит от того, что вы хотите делать с UL, ваш вопрос о том, «как найти самую внутреннюю улицу», можно интерпретировать несколькими способами. Возможно, вам стоит подумать над тем, чтобы улучшить свой вопрос?

Смежные вопросы