Jquery ui 在表单元格中存储和访问div的数据

Jquery ui 在表单元格中存储和访问div的数据,jquery-ui,jquery,html,Jquery Ui,Jquery,Html,在代码中,我通过jQuery创建了一个动态表。 每个表单元格也有一个div。 我希望存储和访问这个div的数据,例如,每个div的行和列 因此,我想就如何存储这些数据提出一些建议。 我曾尝试为每个div创建一个span,以便按照此链接中的建议在其中存储信息,但这似乎不合适,我无法访问回信息 如果有人能给我一些我可以尝试的建议,我将不胜感激。您必须将此值作为数组传递,并且必须在后端接收它 点击这个链接 因此,基本上您希望创建一个动态表并访问每个TDs及其数据。 为了做到这一点,您不需要在这些TDs

在代码中,我通过jQuery创建了一个动态表。 每个表单元格也有一个div。 我希望存储和访问这个div的数据,例如,每个div的行和列

因此,我想就如何存储这些数据提出一些建议。 我曾尝试为每个div创建一个span,以便按照此链接中的建议在其中存储信息,但这似乎不合适,我无法访问回信息


如果有人能给我一些我可以尝试的建议,我将不胜感激。

您必须将此值作为数组传递,并且必须在后端接收它 点击这个链接
因此,基本上您希望创建一个动态表并访问每个TDs及其数据。 为了做到这一点,您不需要在这些TDs中放置任何div或span来访问它们的内容(如果您只想这样做的话)。最简单的方法是根据这些TDs的行和列位置为它们分配一个id。这样,您就可以通过循环或直接访问它们中的每一个

下面我写了一个超级简单的方法来实现它。当然,您可以根据需要定制或增强它。但是你应该正确地理解这个想法

(我正在使用您的代码来实现这一点)

​ 您可以像这样循环访问单元格

for(var r=0;r<5;r++){
    for(var c=0;c<5;c++){

       var cellValue=   $('#row'+r+"col"+c).text() // or .html()

         makeAjaxRequest(cellValue); /// send to server or whatever
   }
}

for(var r=0;r创建div时添加唯一id:

.attr("id","cell-" + r+ "-" + c)
在带有输入的按钮上尝试此代码:

$("#btn").bind("click", function(){
  var r = $('#row').val();
  var c = $('#column').val();
  var data = $('#data').val();
  $('#cell-' + r + '-' + c).text(data);        
});        
在我的小提琴上试一试:

访问元素中的数据属性;有两种方法。jQuery通过

$('table#cell_div')。数据('info')

但是,只有在之前创建DOM时,此函数才起作用

$(document.ready()

i、 e在jQuery的
data()
函数中无法访问JS创建的文档元素

但要在DOM就绪后访问这些元素和属性,可以通过以下代码访问这些数据

$('table#cell_div').attr('data-info')


使用data()方法-我已经包含了div来实现拖放函数。但是我明白了你的意思。我一直在想如何将这些信息存储在对象中,结果被卡住了。所以非常感谢你的建议。我会立即尝试。谢谢你的回答,我现在就知道了!
for(var r=0;r<5;r++){
    for(var c=0;c<5;c++){

       var cellValue=   $('#row'+r+"col"+c).text() // or .html()

         makeAjaxRequest(cellValue); /// send to server or whatever
   }
}
.attr("id","cell-" + r+ "-" + c)
$("#btn").bind("click", function(){
  var r = $('#row').val();
  var c = $('#column').val();
  var data = $('#data').val();
  $('#cell-' + r + '-' + c).text(data);        
});