`

jquery 动态改变table中某一列图片

 
阅读更多

<script type="text/javascript">

  var iNum = 1;

  if (iNum%2==0)  //判断取那个图片
            imgPath = "<%=path%>/image/florian.jpg";
  else
            imgPath = "<%=path%>/image/nonsense.jpg";

 

 $("#img2").attr("src",imgPath);// 只是给 id=img2的添加图片切换功能

 $("#img").attr("src",imgPath);// 给所有<img>添加图片切换功能

 

 

<td><img id="img2" src="<%=path%>/image/florian.jpg"></td>//默认显示这个图片

当点击这个table中这个td格子时,就会进行图片切换效果;

 

table 代码:

 

 

 

一个问题:

 如果 table有很多行,我怎么指定具体是那一行那一列的id=img2?

 

 

 

  • 大小: 134.1 KB
0
6
分享到:
评论
5 楼 sgp420 2013-06-20  
zhukewen_java 写道
sgp420 写道
  新手撒

嘿嘿,说着玩的

拖你福 已经实现了
imgPath = "<%=path%>/image/tick_160.jpg";
var pageImg=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") img").attr("src",imgPath);

4 楼 sgp420 2013-06-18  
zhukewen_java 写道
sgp420 写道
  新手撒

嘿嘿,说着玩的

  没事的,
  没学会前被人指点是正常的;
只为有朝搞明白
3 楼 zhukewen_java 2013-06-18  
sgp420 写道
  新手撒

嘿嘿,说着玩的
2 楼 sgp420 2013-06-18  
  新手撒
1 楼 zhukewen_java 2013-06-18  
竟然能问出这么这么这么简单的问题,算是jquery白学了。。。。。
想想jquery为什么要叫这个名字。。。
只要知道怎么查询元素了,,,,还有什么做不到的?别说动态更改某一列图片,就算是要动态更改某两列的图片也不在话下呀!!!
如果 table有很多行,我怎么指定具体是那一行那一列的id=img2?这么简单的问题也好意思问?

相关推荐

    Jquery Table 固定行和列

    例如,表头(thead)和第一列(th:first-child)通常会被设置为`position: fixed`,并可能需要调整宽度和高度以适应视口。 `固定行列.html`是HTML文件,其中包含了表格结构。这个文件可能会包含一个`&lt;table&gt;`元素,...

    jQuery实现动态更改table表格数据

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本教程将深入探讨如何使用jQuery实现动态更改table表格数据,让你的网页表格具有实时编辑功能,提升用户体验。 ...

    jquery实现table拖拽列效果

    用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。

    JQuery table改变列的宽度

    本文将深入探讨如何使用jQuery来改变表格(table)中的列宽,这在构建动态用户界面时非常实用。 首先,让我们理解HTML表格的基本结构。一个表格由`&lt;table&gt;`元素开始,包含若干行`&lt;tr&gt;`(table row),每一行又包含...

    jQuery选中table第一行或第一列

    通过jQuery选取table的第一行,第一列。

    用jquery-table2excel,进行导出excel表格 带图片 jquery.table2excel.js下载

    `jquery-table2excel`的配置选项允许自定义导出行为,如指定要导出的表格列、设置工作表名、改变文件名等。这些配置通过一个JSON对象传递给`table2excel`方法,如: ```javascript jQuery('#myTable').table2excel...

    jquery table 合并相同列

    标题“jquery table 合并相同列”所提及的问题正是关于如何利用 jQuery 来实现这一功能。 首先,理解需求:在表格中,如果相邻的列(column)内容相同,我们将其合并成一个单元格,只显示一次内容,这样可以使表格...

    jquery滑动改变table列宽度

    在本文中,我们将深入探讨如何使用jQuery实现一个功能,即通过鼠标拖动来改变HTML表格(table)的列宽。这个功能在现代浏览器如Firefox、Chrome、Safari、Opera、傲游和搜狗中都能正常工作,但遗憾的是,它不支持...

    jQuery插件冻结行列、固定列固定行,html、table实现

    本篇将详细介绍一个基于jQuery的插件,用于实现表格的行列冻结功能,以及如何在HTML和Table中应用。 该插件名为"jQuery-Plugin-To-Freeze-Table-Columns-Rows-On-Scroll",其主要功能是在表格滚动时保持顶部行和...

    jquery实现table的动态排序

    对于"jquery实现table的动态排序"这个主题,我们将会深入探讨如何利用jQuery来实现表格数据的动态排序,以便用户可以按照不同列的值进行升序或降序排列,而无需重新加载页面。 首先,我们需要一个包含数据的HTML...

    jquery.table2excel.js(用于table导出Excel文件)

    在处理过程中,插件会遍历表格中的每一行和每一列,将单元格内容转化为Excel兼容的格式。同时,为了保持样式的一致性,它还会尝试将表格的CSS样式转换为Excel的内置样式。 使用`jquery.table2excel.js`前,你需要...

    jquery 排序, jquery 动态修改列

    此外,jQuery的`.each()`方法可用于遍历表格的所有行并进行特定操作,如更新每一列的值: ```javascript $("table tbody tr").each(function(index, row) { $(row).find("td:eq(columnIndex)").html("新值"); }); ...

    jQuery实现获取table表格第一列值的方法

    在本示例中,我们将深入探讨如何使用jQuery来获取HTML表格的第一列的值。 首先,我们需要了解HTML表格的基本结构。一个HTML表格由`&lt;table&gt;`标签定义,内部包含`&lt;tr&gt;`(表格行)和`&lt;td&gt;`(表格数据单元格)等元素。`...

    jQuery table scroll表格插件内容部分加滚动条

    jQuery Table Scroll 插件正是解决这个问题的一个有效工具。它允许用户在表格内容区域添加垂直或水平滚动条,以便在有限的空间内查看更多的数据,而不会使页面显得过于拥挤。本文将详细介绍如何使用jQuery Table ...

    jQuery设置表格列字段筛选改变代码

    本文将深入探讨如何使用jQuery来实现表格列字段的筛选功能,并且会在改变筛选条件时实时更新表格内容。 首先,让我们理解HTML结构。在`index.html`文件中,通常会有一个表格(`&lt;table&gt;`)元素,包含表头(`&lt;thead&gt;`...

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    4. **动态添加行**:当需要在表格中动态添加行时,可以使用jQuery的`append()`方法。例如,创建一个新的行,包含两列,一列是文本,一列是复选框: ```javascript function addRow(text) { var newRow = $("&lt;tr&gt;...

    Jquery table固定表头,固定列,全浏览器兼容

    在网页设计中,数据展示是不可或缺的一部分,而表格(table)是常见的数据组织方式。当表格数据过多,需要滚动查看时,保持表头(thead)和特定列(column)固定可以极大提高用户的阅读体验。jQuery 提供了一种方便...

    jquery.table.rowspan.js 表格自动合并单元格插件

    `jQuery.table.rowspan.js`插件的核心思想是遍历表格中的每一行,根据设定的规则(如相同的值或特定条件)来检测是否需要合并单元格,并动态设置`rowspan`属性。这样,原本需要在服务器端进行的复杂逻辑计算,被转移...

    jquery uI TABLE

    jQuery UI Table是一款基于jQuery库的插件,用于创建功能丰富的表格。在Web开发中,表格是展示数据的常见方式,jQuery UI Table通过提供可定制的样式和交互功能,使得网页表格更加美观且用户友好。本篇文章将深入...

    jquery.table2excel

    - `ignoreColumn`:如果你只想导出表格的部分列,可以设置这个参数,例如`{ignoreColumn: [0,1]}`表示忽略第一列和第二列。 - `name`:定义生成的Excel文件名,如`{name: "MyExport"}` - `sheetName`:设置工作表...

Global site tag (gtag.js) - Google Analytics