How do you access ui.item children in jQuery?

Question

I am trying to access the following rectangular element using a sortable jQuery plugin:

My jQuery code currently looks like this (note the question about even in the get section):

$( "#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> 

How do I access this identifier with a warning? I tried alert(ui.item.context.childNodes.id) and the warning returns "undefined".

changes: added HTML and clarified abit question.

Thanks!

Answer 1

Try as follows:

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

Answer 2

You can access the id of an element using .attr

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

Answer 3

try alert('ui.item >li').attr('id')

Answer 4

Here's the solution: http://jsfiddle.net/a8bNn/1/

• Using "upgrade" instead of "receive"
• use "ui.item.context.childNodes [1] .id" to capture id