row 相关问题

<table> <tr> <td>foo1</td> <td>bar1</td> <td><input type="button" id="button1" onClick="get(this);"></td> </tr> <tr> <td>foo2</td> <td>bar2</td> <td><input type="button" id="button2" onClick="get(this);"></td> </tr> </table> 目标：获取按钮 button1 和 button2 来触发相同的 function get()，这应该在按钮所在的同一个 <td> 中获取第一个 <tr> 的值。在本例中就是这样：分别是foo1和foo2。这是该功能的粗略轮廓，应该有助于理解我想要实现的目标 - function get(element){ alert(element.tr.first_td.innerHTML); } 我意识到有一个 jQuery 解决方案可以解决类似的问题。但我对 jQuery 的理解还不够深入，无法将其翻译回 JavaScript。如果可以使用 JavaScript，请告诉我如何操作。向上爬行 parentNode 两次以到达 tableRow 元素。从那里，访问单元格 HTMLCollection 中的第一个 td，并获取 innerHTML 值： function find( element ) { alert( element.parentNode.parentNode.cells[0].innerHTML ); } 小提琴：http://jsfiddle.net/jonathansampson/WuWnw/ 试试这个，因为你有很多 tr 和 td 标签，所以，你可以进行 DOM 解析。但是您需要为该表指定一个 ID 才能获取该表。现在我们称其为foo-table。 var table = document.getElementById("foo-table"); var cells = table.getElementsByTagName("td"); for (var i = 0; i < cells.length; i++) { alert(cells[i].innerHTML); } 如果你不想提供 ID 并且你确定只有一张桌子，那么使用这个： var table = document.getElementsByTagName("table"); var cells = table[0].getElementsByTagName("td"); for (var i = 0; i < cells.length; i++) { alert(cells[i].innerHTML); } 享受吧！希望这有帮助！ :) 没有 jQuery 或任何其他插件。纯 JavaScript。 :) <table> <tr> <td id="button1_value">foo1</td> <td>bar1</td> <td><input type="button" id="button1" onClick="get('button1_value');"></td> </tr> <tr> <td id="button2_value">foo2</td> <td>bar2</td> <td><input type="button" id="button2" onClick="get('button2_value');"></td> </tr> </table> 您应该使用 ID 来识别您想要获取的内容，以便您可以轻松检索它。这也有助于防止获得错误数据的机会。如果你给组件一个 id，你应该能够使用 document.getElementById() 来获取该组件。 function get(element){ var obj = document.getElementById(element) alert(obj.innerHTML); } 这真的很简单：$(this).closest('td').next('td')[0].innerHTML; 假设您有以下 html 并希望在单击第一个具有删除类的 TD 时获取下一个 td： <tr class="mytr"> <td> <div class="delete"><i class="fas fa-times"></i></div> </td> <td>12455</td> <td>4454646</td> <td>John</td> <td>9/4/24</td> </tr> JS： $(document).on("click", ".delete", function () { var removedid = $(this).closest('td').next('td')[0].innerHTML; console.log(removedid); }); foo1 栏1

javascript html html-table row

回答 4 投票 0

apply() 与 swing()

我正在写笔记来比较apply()和sweep()并发现以下奇怪的差异。为了生成相同的结果，sweep() 需要 MARGIN = 1，而 apply 需要 MARGIN = 2....

r row apply

回答 2 投票 0

索引匹配谷歌表格中多行的搜索字段

我有一个数据表，其中在第 1 列中连接了第 1-5 行，在第 2 列中我有五个不同的值属于第 1 列中的值。请参见屏幕截图 1。截图1 现在我想做一个

google-sheets indexing match row

回答 1 投票 0

如何在行中显示2个文本，text1可以是省略号，但text2应该在flutter中显示全长

行[图像，文本1，文本2，图像] 这里Text1是名称，Text2是ID，Image是固定大小25，需要显示在行尾。