利用自定义属性data-xx并jquery调用，直接获取单条数据详细-CSDN博客

// data-cook的值可以看出，这是一个json对象，对象的属性值是用struts标签赋值的，这样写可以不用去服务器在访问一次，获得数据，直接从列表中获取
// jsp中的代码
<a data-cook="{'id':'<s:property value="#cf.id"/>','name':'<s:property value="#cf.name"/>','type':'<s:property value="#cf.type"/>','canci':'<s:property value="#cf.canci"/>','food':'<s:property value="#cf.food"/>','foodType':'<s:property value="#cf.foodType"/>','tangniaobing':'<s:property value="#cf.tangniaobing"/>','gaoxueya':'<s:property value="#cf.gaoxueya"/>','':'<s:property value="#cookedFood.id"/>'}" >修改</a>&nbsp;&nbsp;
                                        <a data-ref="{'id':'<s:property value="#cf.id"/>'}">删除</a>

// js中调用的代码
// 修改
            $("a[class!='icon_add'][data-cook]").click(function() {// 不包含class属性为icon_add,但包含data-cook属性

                // 用eval转化json对象
                var id = eval("(" + $(this).data('cook') + ")").id;
                var name = eval("(" + $(this).data('cook') + ")").name;
                var type = eval("(" + $(this).data('cook') + ")").type;
                var canci = eval("(" + $(this).data('cook') + ")").canci;
                var food = eval("(" + $(this).data('cook') + ")").food;
                var foodType = eval("(" + $(this).data('cook') + ")").foodType;
                var tnb = eval("(" + $(this).data('cook') + ")").tangniaobing;
                var gxy = eval("(" + $(this).data('cook') + ")").gaoxueya;
                _commonCook(id,name,type,canci,food,foodType,tnb,gxy);
            });
            // 删除
            $("a[class!='icon_add'][data-ref]").click(function() {
                var id = eval("(" + $(this).data('ref') + ")").id;
                window.location.href="cookedFood_delete.do?cookedFood.id=" + id;
            });