清除html中table标签显示的数据,遍历查看/新增/删除/获取html中table中的标签

原标签：

*已选分组：

js方法新增标签：

AddGroupId:function(){

var groupId=$('#groupId2').val().trim();

var groupName=$('#groupId2').find('option:selected').text();

var v_content= "

"+groupName+""+

"删除

";

$("#groupIdList1").append(v_content);

},

新增后的html代码：

效果图：

js遍历获取标签值：

var tdnode=$('#groupIdList1').children('p').length;var groupIdList="";for(var i=0;i

groupIdList+=($('#groupIdList1').children('p').children('span').eq(i).attr('groupid')+",");\\获取span标签里属性为attr的value值

}else{

groupIdList+=($('#groupIdList1').children('p').children('span').eq(i).attr('groupid'));

}

}

js查看标签值(从后台获取电话的已分组数据，在前台显示)：

findGroupName:function(phoneId){

data={

phoneId:phoneId

}

$.appAjax({

url:WEB_ROOT+ "/mall/mycenter/phonesGroup/findGroupName",

data:data,

success:function(data) {for (var i = 0; i < data["data"].length; i++) {var v_content = "

" + data["data"][i].groupName + " " +

"删除

";

$("#groupIdList1").append(v_content);

}

}

});

},

后台java查询回来的值:

/*** 查看分组信息

*@paramphonesGroupVO*/@RequestMapping(value="/findGroupName")

@ResponseBodypublic R findGroupName(Model model,PhonesGroupVO phonesGroupVO) throwsException{

AuthStaffVO staff=StaffUtil.getStaffVO(session);

phonesGroupVO.setDataUserId(String.valueOf(staff.getUserId()));//查看手机对应的分组信息

PageInfo> phonesGroupVOList=itPhonesGroupSV.selectPhonesGroup(phonesGroupVO);

List groupVOList=new ArrayList();if(null!=phonesGroupVOList.getList()&&phonesGroupVOList.getList().size()>0){

List phonesGroupList=phonesGroupVOList.getList().get(0);if(null!=phonesGroupList){for(PhonesGroupVO vo:phonesGroupList){

GroupVO groupVO=newGroupVO();

groupVO.setDataUserId(vo.getDataUserId());

groupVO.setId(Long.valueOf(vo.getGroupId()));

PageInfo groupVOPageInfo =iTSendGroupSV.selectSendGroup(groupVO);

groupVOList.add(groupVOPageInfo.getList().get(0));

}

}

}

model.addAttribute("groupInfo", groupVOList);returnR.success(groupVOList);

}

js删除标签：

var v_content = "

" + data["data"][i].groupName + " " +

"删除

";

$("#groupIdList1").append(v_content);

deleteGroupId:function(obj){

$(obj).parent().remove();

},

网上其他队友的方法：

原文链接：https://blog.csdn.net/innovationad/article/details/74012292

编号	id	usrName	password	email	地址	addTime	操作
${status.count}	${user.id}	${user.name}	${user.password}	${user.email}	${user.address}	${user.addTime}	修改删除

编辑lick()方法functionlick(obj, id) {var td_content = $(obj).parents("tr").children("td"); //获取当前行的父标签下的所有td值，即上边tr下的所有td值

var content = td_content.eq(0).text(); //获取当前行第一个td的值

var content2 = td_content.eq(1).text(); //获取当前行第二个td的值

//获取td下的input 值

$(td_content.eq(1)).find("input").val()

}

用原生js语法：var table = document.getElementById("mySubjectsTable"); //获得整个表格对象

for (var i = 0; i < table.rows.length; i++) {//表格的第i行，第2列

for (var j = 0; j < table.cells.length; j++) {

table.rows[i].cells[j].innerText.trim(" "));

}

}

遍历获取table中td属性值的方法：

--html页面：

V1.0

.txt

2,304.05

js页面：

var arr =[];

$('td').each(function(){

arr.push( $(this).attr('abbr') )

})

alert(arr)

或var tds = [],abbr =[];

$('table td').each(function(){

tds.push($(this));

abbr.push($(this).attr('abbr'));

})

alert(tds);

alert(abbr);