Как получить дочерний элемент перетаскиваемого элемента с помощью jQuery UI

Question

У меня есть следующий HTML:

<div id="gallery">
<ul>
<li>
<a href="url I want to get">link</a>
</li>
</ul>
</div>

и некоторый jQuery, позволяющий поместить его в другой div:

$trash.droppable({
                accept: '#gallery > li',
                activeClass: 'ui-state-highlight',
                drop: function(ev, ui) {
                    deleteImage(ui.draggable);

          var  $flickrparenturl =  $("a").attr("href");  //only gets href of <li> #1, not <li> being dragged

             $.post("updateDB.php", { 'flickrparenturl': $flickrparenturl } );
                            }


            });

Как правильно получить атрибут href дочернего элемента перетаскиваемого элемента? $ ( "А") атр ( "HREF"). получает только 1-й лиф на странице, а не перетаскиваемый.

Answer 1

Вы можете использовать:

ui.draggable.find('a').attr('href')

Это будет искать элемент a среди всех потомков перетаскиваемого элемента.

Чтобы смотреть только на прямых потомков перетаскиваемого,используйте это вместо:

ui.draggable.children('a').attr('href')

Answer 2

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

$(this).children('a').attr("href");

Это работает для вас?