码迷,mamicode.com
首页 > Web开发 > 详细

遍历获取html中的标签值

时间:2020-01-14 13:06:25      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:word   addgroup   ddt   text   children   NPU   time   hint   其他   

原标签:
<tr id="selected">
<td class="Hint" id="groupIdList"><span class="color-red">*</span>已选分组:</td>
<td id=groupIdList1 width="5%" colspan="2"></td>
</tr>

js方法新增标签:
    AddGroupId:function(){
var groupId=$(‘#groupId2‘).val().trim();
var groupName=$(‘#groupId2‘).find(‘option:selected‘).text();
var v_content = "<p class=‘groupA‘><span groupId=\""+groupId+"\" groupName=\""+groupName+"\">"+groupName+" </span>"+
"<a href=\"javaScript:void(0);\" onclick=‘groupAdd.deleteGroupId(this)‘>删除 </a></p>";
$("#groupIdList1").append(v_content);
},

js遍历标签:
var tdnode=$(‘#groupIdList1‘).children(‘p‘).length;
var groupIdList="";
for(var i=0;i<tdnode;i++){
if(i<(tdnode-1)){
groupIdList+=($(‘#groupIdList1‘).children(‘p‘).children(‘span‘).eq(i).attr(‘groupid‘)+",");
}else {
groupIdList+=($(‘#groupIdList1‘).children(‘p‘).children(‘span‘).eq(i).attr(‘groupid‘));
}
}

网上其他队友的方法:
原文链接:https://blog.csdn.net/innovationad/article/details/74012292

<table border="1">
        <tr>
            <td>编号</td>
            <td>id</td>
            <td>usrName</td>
            <td>password</td>
            <td>email</td>
            <td>地址</td>
            <td>addTime</td>
            <td>操作</td>
        </tr>


        <c:forEach items="${userList}" var="user" varStatus="status">
            <tr>
                <td>${status.count}</td>
                <td>${user.id}</td>
                <td>${user.name}</td>
                <td>${user.password}</td>
                <td>${user.email}</td>
                <td>${user.address}</td>
                <td>${user.addTime}</td>
                <td><button class="update" id="${user.id}" type="button" οnclick="lick(this, this.id)">修改</button><button id="de" type="button">删除</button></td>
            </tr>
        </c:forEach>
    </table>

 

编辑lick()方法

function lick(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()

}







遍历获取html中的标签值

标签:word   addgroup   ddt   text   children   NPU   time   hint   其他   

原文地址:https://www.cnblogs.com/xuhk1819/p/12191223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!