如何使用jQuery UI拖动元素的子元素

时间:2010-06-07 00:48:16

标签: jquery jquery-ui drag-and-drop jquery-selectors

我有以下html:

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

和一些允许它放在另一个div上的jQuery:

$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属性的正确方法是什么? $( “A”)ATTR( “HREF”)。只获取页面上第一个li的href,而不是被拖动的那个。

2 个答案:

答案 0 :(得分:2)

您可以使用:

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

这将在可拖动元素的所有后代中查找a元素。

要仅查看draggable的直接子项,请改用:

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

答案 1 :(得分:0)

试试这个:

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

这对你有用吗?