js:table选择指定行,并获取指定数据

第一种:

jsp:

	<tr class="TableHeader" align="center">
								 <td class="TableHeaderCell" nowrap="nowrap" width="5%">项次</td>
                                <td class="TableHeaderCell" nowrap="nowrap" width="20%">名称</td>                             
                             
                            </tr>
                            <c:forEach var="row" items="${model.data}" varStatus="s">
                               	<tr  class="TableRow" oldclass="TableRow" align="center"
										PD1="<c:out value="${row.PD1}"></c:out>"
										PD2="<c:out value="${row.PD2}"></c:out>"

										onclick="javascript:GetRow(this);"
										onmouseover="javascript:if (this.className!='TableRowSelected') this.className='TableRowOver'"
										onmouseout="javascript:if (this.className!='TableRowSelected') this.className='TableRow'">
										<td nowrap="nowrap" class="TableCell">
                                        ${s.count}
                                    </td>
                           ......
 <tr>
 </c:foreach>

js:

function GetRow(node)
{
    RowSelect(node);
}

function RowSelect(row,name)
{ 
    if (!name) name="row";
	if (window[name])
	{
   //这是添加样式
	//	window[name].className = window[name].getAttribute("oldClass");
	}
//这是添加样式
//	row.className = "TableRowSelected";
	window[name] = row;	
}
// 以上可抽出,做公用方法
-----------------------------
   //获取指定的值
	this.edit = function edit(row) {
   var pd1=row.getAttribute("PD1");
	}

jsp中方法:onclick="javascript:xxx.edit(window.row)"

第二种方法:

  

function GetRow(node)
{
     var row = $(node);//获取当前行
     var ss= $(node).children();  
    var code = $(row).find("td:eq(0)").text();//获取当前行的第一列单元格内容
    var name = $(row).find("td:eq(1)").text();//
   
//遍历获取指定行所有字段值
   for (var int = 0; int < ss.length; int++) {
		alert($(row).find("td:eq('"+int+"')").text());
	}
//获取指定行指定字段值
    alert(row.attr("PD1"));
}

猜你喜欢

转载自blog.csdn.net/smalltree_001/article/details/81981195