我使用以下代码附加了一些div的动态值和存储值:

var $element = $('<div class="draggablebox" />').text(component.children(':selected').text()).css({
  width: wbox.val() * 2,
  height: lbox.val() * 2,
  padding: '0.5em',
  border: '2px solid',
  'user-select': 'none',
  'background-color': 'gray',
  cursor: 'pointer',
  // position: 'absolute',
  // 'font-size': '',
  block: 'inline'
});
$element.attr('id', component.val());
$('#convas').append($element);


然后,我尝试使用以下代码遍历元素以获取每个元素的data()值。我在同一单元格中得到div的text()的输出。

$('#convas').each(function(i, item) {
  var row = '<tbody> <tr>';
  row += '<td>' + $(item).text() + '</td>';
  row += '<td>' + $(item).data('l') * $(item).data('w') + '</td>';
  row += '<td>' + $(item).data('height') + '</td>';
  row += '<td>' + $(item).data('quality') + '</td>';
  row += '<td>' + $(item).data('minrate') + '</td>';
  row += '<td>' + $(item).data('maxrate') + '</td>';
  row += '<td>' + $(item).data('minTotal') + '</td>';
  row += '<td>' + $(item).data('maxTotal') + '</td>';
  row += '</tr> </tbody>';
  console.log($(item).data('l'));
  $('table#report-table').append(row);
});

最佳答案

#convas似乎是父级。我假设您要遍历附加到该元素的div元素,因此请改用此元素:

$('#convas .draggablebox').each(function(i, item) {
  // your code here...
});

09-10 06:36
查看更多