JS实现:table点击鼠标如何获取行号跟该单元的值

JS实现:table点击鼠标如何获取行号跟该单元的值,第1张

<td onmousedown="doit(this)">9:00-12:00</td>

function doit(e)

{

var tr = eparentNode;

var i = 0;

while(trpreviousSibling) i++;

alert("行号:"+i+"; 值:"+einnerHTML);

}

你没有给代码 也不知道为啥不会获取到

本着授人以鱼不如授人以渔的态度, 教你个办法

你分别在 控制台输出

consolelog($("table"))

consolelog($("table")find('td'))

consolelog($("table")find('td')eq(0))

consolelog($("table")find('td')eq(0)text())

// 你看看到底是哪一步没有获取到 dom对象 从而解决

public void parse(){

String htmlStr = "<table id=kbtable >"

+ "<tr> "

+ "<td width=123>"

+ "<div id=12>这里是要获取的数据1</div>"

+ "<div id=13>这里是要获取的数据2</div>"

+ "</td>"

+ "<td width=123>"

+ "<div id=12>这里是要获取的数据3</div>"

+ "<div id=13>这里是要获取的数据4</div>"

+ "</td> "

+ "</tr>"

+ "</table>";

Document doc = Jsoupparse(htmlStr);

// 根据id获取table

Element table = docgetElementById("kbtable");

// 使用选择器选择该table内所有的<tr> <tr/>

Elements trs = tableselect("tr");

//遍历该表格内的所有的<tr> <tr/>

for (int i = 0; i < trssize(); ++i) {

// 获取一个tr

Element tr = trsget(i);

// 获取该行的所有td节点

Elements tds = trselect("td");

// 选择某一个td节点

for (int j = 0; j < tdssize(); ++j) {

Element td = tdsget(j);

// 获取td节点的所有div

Elements divs = tdselect("div");

// 选择一个div

for (int k = 0; k < divssize(); k++) {

Element div = divsget(k);

//获取文本信息

String text = divtext();

//输出到控制台

Systemoutprintln(text);

}

}

}

}

这个简单,假如你的表格id为table,表格第一列为checkbox,然后在checkbox选中的情况下将表格所有第二列中的数据放到一个数组中 var data = [];$(function(){ $("#table")find(":checkbox:checked")each(function(){ var val = $(this)parent

取得table中的input:

$('table input')

取得table中第一个input:

$('table input:eq(0)')

取得table中第一个input的value:

$('table input:eq(0)')val()

遍历table中的所有input,d出value:

$('table input')each(function(){

alert($(this)val());

});

<script type="text/javascript">

function a(o){

var obj = oparentNodeparentNodeparentNodeparentNodeid + "_content";

alert(obj);

};

</script>

<div id="title_2" align="left" class="zd" >

   <table border="1">

      <tr><td  id="a" bgcolor="gray" onclick="a(this)">展开</td></tr>

   </table>

</div>

如上,运行了试试吧。

以上就是关于JS实现:table点击鼠标如何获取行号跟该单元的值全部的内容,包括:JS实现:table点击鼠标如何获取行号跟该单元的值、html jQuery 里 $("table").find('td').eq(0).text() 这样为什么获取不出Table的值来呀、jsoup解析html的table中的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9671859.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存