如何使用 jQuery UI 获取被拖动元素的子元素答案

【问题标题】：How to get the child of an element being dragged with jQuery UI如何使用 jQuery UI 获取被拖动元素的子元素
【发布时间】：2010-06-07 00:48:16
【问题描述】：

我有以下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 属性的正确方法是什么？ $("a").attr("href");只获取页面上第一个 li 的 href，而不是被拖动的那个。

【问题讨论】：

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

【解决方案1】：

你可以使用：

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

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

要仅查看可拖动对象的直接子级，请改用：

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

【讨论】：

【解决方案2】：

试试这个：

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

这对你有用吗？

【讨论】：