我使用以下代码附加了一些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...
});