如何使用 jQuery UI 获取正在拖动的元素的子元素

2024-02-19

我有以下 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");只获取页面第1个li的href,而不是被拖动的href。


您可以使用:

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

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

要仅查看可拖动的直接子级,请使用以下命令:

ui.draggable.children('a').attr('href')
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 jQuery UI 获取正在拖动的元素的子元素 的相关文章

随机推荐

  • C++11:用另一个 constexpr char 数组初始化 constexpr char 数组

    我想初始化constexpr char 与另一个成员constexpr char 成员 是否可以做C 11或以上 include
  • 如何比较Python中的两个类/类型?

    我在模块中定义了两个类classes py class ClassA object pass class ClassB object pass 在另一个模块中 我获取了该模块的属性 import classes Class1 getattr
  • 在 SQL Server 中根据日期合并行

    我想根据开始日期和结束日期显示数据 一个代码可以包含不同的日期 如果任何时间间隔继续 那么我需要合并这些行并显示为单行 这是示例数据 Code Start Date End Date Volume 470 24 Oct 10 30 Oct
  • PHP 中四舍五入到最大千、百等

    我有一个非常简单的 PHP 问题 但我不知道该怎么做 我想根据数据库返回的值四舍五入到最大百或千 以下是我需要的一些示例 DB返回值11 我希望PHP输出20 DB返回值104 我希望PHP输出200 DB返回值1404 我希望PHP输出2
  • bsxfun 在 MATLAB 中仍然是最优的吗?

    我确实碰到了this https stackoverflow com questions 12951453 in matlab when is it optimal to use bsxfun在搜索这个主题时提出问题 但这似乎已经过时了 R
  • github源码浏览中AJAX是如何完成的?

    Github 有一个非常好的源代码浏览器 在存储库中的不同路径之间导航会生成 ajax 调用来加载内容 正如您可以在 firebug 日志中清楚地看到的那样 ajax 调用返回要显示的新文件列表的 html 除了更改文件的查看列表之外 UR
  • 从视图内调用存储过程

    我有一个创建表的过程 是否可以有一个可以调用该过程然后从表中进行选择的视图 或类似视图 我试过这个 DELIMITER CREATE DEFINER root localhost FUNCTION new routine p1 INT RE
  • “或”和赋值运算符的优先级

    今天发现一些有趣的代码片段 简化后 它看起来像这样 var null var or var 123 var or var 312 var dump var 问题是 据我所知 分配的优先级高于OR http www php net manua
  • 动态分配变量名称? [复制]

    这个问题在这里已经有答案了 我正在尝试创建动态变量名称作为循环的一部分 然后分配适当的值 创建此演示代码后 为了更清楚地展示我的身份 var1 one two three var2 red blue green for i in 0 to
  • 如何删除事件处理程序并将其重新附加到 C# 中的控件?

    我读过这个answer https stackoverflow com questions 91778 how to remove all event handlers from a control 它只是告诉我如何从按钮控件中删除单击事件
  • 在 IE 中将动态 SVG 转换为可下载的 PNG

    目标 使用客户端 转换动态 SVG 绘图 使用 d3js 创建 到可下载的 PNG 图像并使用 Internet Explorer 运行 已完成 在Chrome中实现 没问题 一旦我有了 PNG DataURI 它就可以轻松转换为可下载的
  • 在 Travis-CI 上使用 Swift 3 和 Cocoapods 构建项目时出现“错误:意外操作:构建”

    晚上 早上 下午 我已经为此苦恼了一段时间 但在网上找不到任何有关此问题的信息 所以我最好的选择就在这里 当 Travis CI 构建我的项目时 我收到以下错误 xctool workspace Project xcworkspace sc
  • Javascript继承与应用

    我一直在研究 Javascript 中的设计模式并发现http tcorral github com Design Patterns in Javascript Template withoutHook index html http tc
  • 如何将 openCV 视频流式传输到 HTML 网页?

    我正在制作一个机器人 上面有一个网络摄像头 以提供一些简单的物体检测 目前 我想简单地将视频流式传输到机器人上托管的网页 并能够从其他设备上查看它 我用 Python 编写了一个简单的测试脚本 我最终将转向 C 我选择的语言 它可以从我的网
  • 使用 jQuery 通过复选框进行过滤

    我想使用复选框过滤一些内容 我已经成功做到了这一点 这要归功于较早的帖子 https stackoverflow com q 5705388 1139704我在这里简化了一点DEMO http jsfiddle net RonniDC 6w
  • C# 使用嵌入式资源中的 Excel 文件

    我正在为我的女朋友编写一个评分程序 但我一直试图将数据输出到嵌入程序中的 Excel 文件中 我目前已将其写入空白 Excel 文件 但想使用预制 Excel 文件并将数据导出到适当的单元格 我不知道如何告诉程序使用资源文件夹中的 xls
  • Create-react-app 137 个漏洞(123 个中度、13 个高度、1 个严重)

    我对 REACT 完全陌生 正在尝试遵循 YouTube 上的教程 当我运行 npx create react app toDo 时 我收到一堆漏洞错误 按照说明运行 npmauditfix force 这给了我比最初的漏洞列表更多的漏洞
  • 如何在 python pandas 中 key 为 null 时进行右连接

    在 python pandas 中 是否可以在 key 为 null 的情况下进行右连接 也就是说 我可以加入 DateFrames 以仅生成右侧与左侧不匹配的值吗 我认为这最好地表达为索引选择操作 要查找一帧中而不是另一帧中的所有索引 请
  • libgit2sharp 可以依赖已安装的 git 全局配置提供程序吗?

    我正在将一些 LibGit2Sharp 代码连接到 VSO 因此我需要使用备用凭据来访问它 NTLM 不起作用 我不想管理这些明文凭据 我已经使用 git credential winstore 来管理它们 如果我需要更新这些凭据 我很高兴
  • 如何使用 jQuery UI 获取正在拖动的元素的子元素

    我有以下 html div ul li a href link a li ul div 以及一些允许将其拖放到另一个 div 上的 jQuery trash droppable accept gallery gt li activeClas