<body>
<div style="border: 1px solid red;height:200px;width: 200px;"></div>
<script>
$(function(){
alert($("div")[0]offsetWidth)
})
</script>
</body>
这是我刚写的一个例子，你可以看一下，可能不太好。
下面这两个是我在网上搜到直接复制的
标签元素的宽高值获取
//绝对宽度
ObjoffsetWidth
//绝对高度
ObjoffsetHeight
<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>
请参考已存在的帖子
var trList = $("#history_income_list")children("tr")
for (var i=0;i<trListlength;i++) {
var tdArr = trListeq(i)find("td");
var history_income_type = tdArreq(0)find('input')val();//收入类别
var history_income_money = tdArreq(1)find('input')val();//收入金额
var history_income_remark = tdArreq(2)find('input')val();// 备注
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
}
方法二：
$("#history_income_list")find("tr")each(function(){
var tdArr = $(this)children();
var history_income_type = tdArreq(0)find('input')val();//收入类别
var history_income_money = tdArreq(1)find('input')val();//收入金额
var history_income_remark = tdArreq(2)find('input')val();// 备注
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
});
那你可以获取tr的html啊。。
$('table tr')each(function(){
consolelog($(this)html())
})
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、效果演示
例子：
<div class='view view-case-view-all' >
<div class= 'view-content view-content-case-view-all' >
<table border="1" >
<tr class="odd" >
<td class="view-field view-field-node-title" >任务测试</td >
</tr >
</table >
</div >
</div >
<script language="javascript" type="text/javascript" >
documentgetElementsByClassName = function(_className)
{ //根据class获得对象集合
var aimObj = [];
var elements = documentgetElementsByTagName("") ;//取得所有元素的集合
alert(elementslength);
for(var i=0;i<elementslength;i++)
{
if(elements[i]className==null) continue;
if(elements[i]className == _className)
{
aimObjpush(elements[i]);
}
}
return aimObj;
}
var outerDiv = documentgetElementsByClassName("view view-case-view-all")[0];//取得class="view view-case-view-all"的第一个对象
alert(outerDivouterHTML);
</script>
1首先，我们打开jquery并创建一个新的HTML文件。
2然后我们创建一个表单表单。
3如图所示，我们可以看到此时，一个元素下的所有输入元素都没有被选中。
4然后介绍jqueryjs。
5JQuery:fileselector选择“file”类型的输入元素并设置其背景颜色。
6此时，可以选择某个元素下的所有输入元素。
以上就是关于页面上有一个文本框，文本框里含有table代码，如何用js或jq，获取table代码里的width值和height值全部的内容，包括:页面上有一个文本框，文本框里含有table代码，如何用js或jq，获取table代码里的width值和height值、jquery怎么获取table中的某个td的值、jquery 如何获取table中每个td的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）