Как получить доступ к пользовательскому интерфейсу.дочерние элементы в jQuery?

#jquery #jquery-ui #dom-traversal

#jquery #jquery-ui #dom-обход

Вопрос:

Я пытаюсь получить доступ к следующему прямоугольному элементу, используя плагин сортировки jQuery: введите описание изображения здесь

В настоящее время мой код jQuery выглядит следующим образом (обратите внимание, что вопрос касается четности в разделе приема):

 $( "#listA, #listB" ).sortable({
    connectWith: ".connected_sortable",
    delay: 100,
    receive: function(event, ui) {
                alert(ui.item.text());
            }
}).disableSelection();
  

HTML:

 <ul id="listA" class="connected_sortable ui-sortable">
  <li>
    <div id="4">
    Test Text
    </div>
  </li>
</ul>
  

Как я могу получить доступ к этому идентификатору с помощью предупреждения? Я попробовал alert(ui.item.context.childNodes.id) , и предупреждение возвращает ‘undefined’.

изменения: добавлен HTML и уточнен вопрос abit.

Спасибо!

Комментарии:

1. Вы также должны опубликовать HTML-код.

Ответ №1:

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

 alert(ui.item.context.childNodes[0].id)
  

Комментарии:

1. Это не работает в 2013 году. Вот что работает: alert(ui.item[0].id)

Ответ №2:

Вы можете получить доступ к идентификатору элемента с помощью .attr

 var id = $("yourSelector").attr("id");
  

Ответ №3:

попробуйте alert('ui.item >li').attr('id')

Ответ №4:

Вот решение: http://jsfiddle.net/a8bNn/1 /

  • Используя «обновить» вместо «получить»
  • используйте «ui.item.context.childNodes [1].id», чтобы получить идентификатор