点击某一行改变背景色 ,并且动态获取HTML中TD的值
2013-08-08 00:00
267 查看
HTML 代码:
<s:iterator value="_jobAlertList" status="pc">
<tr onclick="clickCurRow(this)" id="jobAlertTr">
<td width="2%" class="date setc" id="jobAlertNum"> <s:property value="Num"/></td>
<td width="10%" height="29px" align="left" id="jobAlertName<s:property value="#pc.index"/>">
<s:property value="HANDLER_NAME"/>
</td>
<td width="20%" height="29px"> <s:property value="TITLE"/> </td>
<td width="10%" height="29px" id="jobAlertCount"> <s:property value="COUNT"/> </td>
</tr>
</s:iterator>
JS 代码:
var jobAlertId="";
function clickCurRow(curRow)
{
jobAlertId = eval(curRow.rowIndex);
$(curRow).css("background-color", "#e5e5e5").siblings().css("background-color", ""); //改变背景色
jobAlertId= jobAlertId-1;
jobAlertName = $("#jobAlertName" +jobAlertId).html(); //获取TD值
}
<s:iterator value="_jobAlertList" status="pc">
<tr onclick="clickCurRow(this)" id="jobAlertTr">
<td width="2%" class="date setc" id="jobAlertNum"> <s:property value="Num"/></td>
<td width="10%" height="29px" align="left" id="jobAlertName<s:property value="#pc.index"/>">
<s:property value="HANDLER_NAME"/>
</td>
<td width="20%" height="29px"> <s:property value="TITLE"/> </td>
<td width="10%" height="29px" id="jobAlertCount"> <s:property value="COUNT"/> </td>
</tr>
</s:iterator>
JS 代码:
var jobAlertId="";
function clickCurRow(curRow)
{
jobAlertId = eval(curRow.rowIndex);
$(curRow).css("background-color", "#e5e5e5").siblings().css("background-color", ""); //改变背景色
jobAlertId= jobAlertId-1;
jobAlertName = $("#jobAlertName" +jobAlertId).html(); //获取TD值
}
相关文章推荐
- js动态生成html,获取点击的监控事件写法
- 动态获取html页面的内容,并且取其中的某块元素的方法
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 动态获取html页面的内容,并且取其中的某块元素的方法
- 点击表格一行中任意一行即选中该行相关复选框,同时改变背景色
- 在做收银系统项目时,table tr里的元素内容动态改变,监听td内容的变化,为发生改变的自动改变背景色蓝色
- Android日历控件,还未实现点击日期改变背景色但可获取日期
- toolstripbutton 动态添加后 获取当前点击的按钮的值 并且将其删除
- 【JavaScript】table里面点击某td获取同一行tr的其他td值
- ListView中点击改变背景色并且原来的恢复到原来的颜色
- jquery 中的$("obj").html('')中的html动态改变之后点击事件失效
- 点击添加按钮,使用ajax动态添加一行和移除一行,并且序号重新排序和数据不重复操作判断
- 有输入功能的HTML下拉框--并且可以动态获取文本框的值
- 动态加载html后,点击获取焦点
- 功能实现:在table中点击某一行,选中前面的checkbox并改变背景色
- 点击table的td单元格出现dialog弹窗,获取值后将值放回td单元格
- 鼠标点击改变分页浏览式润乾报表的行的背景色
- 添加可动态变化的输入框,点击添加增加一行,点击删除删除一行
- 动态获取html页面的内容,而且取当中的某块元素的方法