javascript - each循环中如何使用.data()给每次循坏的一个元素存储数据?

问题描述

问 题

$.each(resp,function(i, item){
    tableContent += '<tr>';
    tableContent += '<td>'+ (i + 1) +'</td>';
    tableContent += '<td>'+ item.factorLevel +'</td>';
    tableContent += '<td>'+ item.factorClass +'</td>';
    tableContent += '<td><a>'+ item.factorValueList.length +'</a></td>';
    tableContent += '</tr>';
    
    // 追加结构至table
    $table.html(tableContent);
    // 如果这样设置，所有的 data 都是一样的，等于获取所有 tr 存储的同一个数据
    $('tr').data('data-factorValueList',item.factorValueList);
});

需求

后台一次性返回数据，表格默认展示如上结构数据，当点击a标签时，展示对应的factorValueList数据。

想法

使用data在每个tr上存储对应的factorValueList，然后点击的时候通过.data()获取。

目前存在的问题

如何在循坏的时候，给每个tr存贮它对应的数据。

注：有其他方法也可以（不通过使用隐藏域先行存储的方式，浪费渲染资源）。

解决方案

内部根据你的当前的tr的i、或者其他可识别的变量属性做判断，符合进行操作。
说实话 ，没看懂你的例子，resp是tr的数组吗？然后拼串的产生的tr不能设置属性，必须是对象。

---

如果你的数据是从resp里获取的
不改你的方法还用拼串做的话就tableContent += '<tr data-'+XXX+'='+item.XXX+'>';
要不你就别拼串全改成
$('<tr>').data(XXX).append($('<td>').text(*).append($(<input>.....)))这么写

这篇关于javascript - each循环中如何使用.data()给每次循坏的一个元素存储数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！