
可以用delegate来做
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$('#test')delegate('li','click',function(){
alert($(this)text());
});
});
</script>
</head>
<body>
<ul id="test">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
这是一个示例,你可以参考一下,点击<li>会跳出d框显示对应li的内容
<table border="1" cellspacing="0" id="mytable">
<thead>
<caption>统计表</caption>
</thead>
<tbody>
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>男</td>
<td>22</td>
<td>北京</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>男</td>
<td>23</td>
<td>上海</td>
</tr>
<tr>
<td>3</td>
<td>王燕</td>
<td>女</td>
<td>21</td>
<td>广东</td>
</tr>
<tr>
<td>4</td>
<td>王伟</td>
<td>男</td>
<td>20</td>
<td>陕西</td>
</tr>
<tr>
<td>5</td>
<td>张娟</td>
<td>女</td>
<td>23</td>
<td>重庆</td>
</tr>
</tbody>
</table>
<script>
$(function(){
var name=$("#mytable tr>td:nth-child(2)")text();
var age=$("#mytable tr>td:nth-child(3)")text();
alert(name);
alert(age);
});
</script>
请参考已存在的帖子
你这段js放在哪的?如果在head里,dom都没有加载完,他就执行了,当然找不到相应的元素了。。。所以要写在加载事件之后。。。
windowonload = function() {var kkk = documentgetElementById('kkk'),
qwe = documentgetElementById('qwe');
if (kkkinnerText == "qqq") {
kkkstyledisplay = "none";
}
if (qweinnerText == "qqq") {
qwestyledisplay = "none";
}
}
另外,一般会有个触发机制,上边这样写是能实现的,但是真正用的时候肯定不这么写
jQuery 中使用 text() 或者 html() 函数可以获取td的内容:
$("td")text(); // 或者 $("td")html();
二者区别在于前者返回所选元素的文本内容,后者返回所选元素的内容(包括 HTML 标记)。
下面实例演示:点击按钮后获取所有选中行的td单元格的内容
1、HTML结构
<table id = "test">
<tr><td><input type="checkbox" name="test"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>4</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>7</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>10</td></tr>
</table>
<input type="button" value="确定">
2、jquery代码
$(function(){
$(":button")click(function() {
str = $(":checkbox:checked")map(function() {
return $(this)parent()siblings('td')text(); // 根据checkbox定位到后面的td,然后使用text()函数获取内容
})get()join(", "); // 获取内容数组并拼接为字符串
alert(str); // 输出
});
});
3、效果演示
js获取表格中每行的td元素方法:
<script>
var tb = documentgetElementById("tb"); //根据id找到这个表格
var rows = tbrows; //取得这个table下的所有行for(var i=0;i<rowslength;i++)//循环遍历所有的tr行
{
for(var j=0;j<rows[i]cellslength;j++)//取得第几行下面的td个数,再次循环遍历该行下面的td元素
{
var cell = rows[i]cells[j];//获取某行下面的某个td元素
alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cellinnerHTML);//cellinnerHTML获取元素里头的值
}
}
</script>
拓展使用jq几行命令就能实现获取td的值
$("#tb tr td")each(function(i, v){ //针对tb表格下的所有td进行遍历
alert("第"+(i + 1)+"格的数字是"+$(this)text());//返回当前td下的值
})
GridViewRow row = TDRows[eRowIndex];
string UserName = (TextBox)rowCells[0]Controls[0])TextToString();
UserName 就是。
$("td#exist")each(function(i,dom){
var me = $(dom);
if(/^\s1\s$/test(metext()){
meclosest("tr")css({
"font-weight:": "bolder"
});
}
});
以上就是关于jquery怎么获得你点击td的td里面的值,所有td的样式和id是一样的,怎么获得当前点击的td值全部的内容,包括:jquery怎么获得你点击td的td里面的值,所有td的样式和id是一样的,怎么获得当前点击的td值、jquery怎么获取table中的某个td的值、JS获取DIV或TD的内容进行判断并隐藏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)