Javascript 获取LI数据ID';来自动态内容的
我正在尝试获取最接近的UL元素,然后是LI数据id,但是按钮什么也没做,没有错误,这表明它没有找到元素 这样做的目的是,用户输入当天可用的货车数量,然后将每次交货拖放到每个货车下。然后,用户将单击创建dropsheet,它将仅在指定的van中打印这些项目的PDF 现在我只需要createdropsheet来提醒数据id,这样我就可以将它们传递给AJAXJavascript 获取LI数据ID';来自动态内容的,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试获取最接近的UL元素,然后是LI数据id,但是按钮什么也没做,没有错误,这表明它没有找到元素 这样做的目的是,用户输入当天可用的货车数量,然后将每次交货拖放到每个货车下。然后,用户将单击创建dropsheet,它将仅在指定的van中打印这些项目的PDF 现在我只需要createdropsheet来提醒数据id,这样我就可以将它们传递给AJAX $(函数(){ $('#vans')。on('input',function(){ vansDo(); doMap(); }); 函数vansD
$(函数(){
$('#vans')。on('input',function(){
vansDo();
doMap();
});
函数vansDo(){
var vans=$('#vans').val();
var drops=$(“#placeVans”).html(“
将每个预订拖到所需的车辆上。将每个预订移动到交付位置。然后打印每个车辆的放置表。
”);
如果(货车>='1'){
对于(i=1;i而言,ul
不是按钮的祖先,而是兄弟姐妹,因此
$('#placeVans').on('click', '.dropsheet', function() {
//$(this).closest('div').find('ul li').each(function() {})
$(this).siblings('ul').find('li').each(function() {
alert($(this).data('id'))
})
});
你的a
元素即:按钮不在你的ul
标签内。因此你的$(此)。最近('ul')
将不起作用。但是ul
与a
标签包装在同一父标签下,因此你可以这样做
$('#placeVans').on('click', '.dropsheet', function() {
$(this).parent().find('ul.droptrue').find('li').each(function() {
alert($(this).data('id'));
});
});
更改发生在这部分$(this.parent().find('ul.droptrue')
也从您的代码中提取。$(“#placeVans”).html(…
在您的ul
中没有li
标记。此处
不确定这是否是故意的。只是指出。什么是。dropsheet
?似乎缺少一些代码。在a href的Its类中查看问题的工作示例也会有很大帮助,该类位于$(“#placeVans”).html()中在函数VANSD中,两个li标记都在排序表1中。用户从排序表1拖动到排序表2。因此,在排序表2中我需要数据。但是您的代码工作得很好!谢谢您如果这有助于您解决问题,请将其标记为答案。这很好!谢谢您。您的代码和@reddy代码都工作得很好。
$('#placeVans').on('click', '.dropsheet', function() {
$(this).parent().find('ul.droptrue').find('li').each(function() {
alert($(this).data('id'));
});
});