如何從具有多個值的行內的HTML表格中獲取值

Question

實際上我從服務器收到響應，我正在使用javascript顯示它的正視圖，如果我想單擊每一行，我都需要捕獲值，所以我該怎么做。它將不會包含兩個元素，它必須包含一個100行也是我添加的動態數據行，目前顯示為兩列。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>

<script type="text/javascript"><!--

function getVal(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;

    alert(targ.innerHTML);
}

onload = function() {
    var t = document.getElementById("main").getElementsByTagName("td");
    for ( var i = 0; i < t.length; i++ )
        t[i].onclick = getVal;
}

</script>
<body>
<table id="main"  style="width:29%">

   <tr  style="cursor: pointer;">
    <td>
    <br>
      HJCU4982531&nbsp;
      RD<br>
      L702B2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <strong style="color:#FF0000">  &gt;&gt; </strong>
      260307<hr>
    </td>
    </tr>  

    <tr  style="cursor: pointer;">
    <td>
    <br>
      MSKU4614240&nbsp;
      LL<br>
      L702E1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <strong style="color:#FF0000">  &gt;&gt; </strong>
      PM<hr>
    </td>
    </tr>  

</table>
</body>
</html>

單擊表格行時，我需要捕獲MSKU4614240

Answer 1

您說的是表行，但實際上表僅是一列，因此您可以處理單個td。 用id =“ MSKU4614240”將每個td的內容包裝在aa標簽中，然后單擊即可檢索該值。 請注意，僅當您用作標識符的值是唯一的，並且每次顯示該表時都在一個以上的單元格中不重復時，此方法才有效。 請注意，通過這種方式，您只能單擊內容。 如果要單擊整個表格單元格，則可以將鏈接的樣式設置為

display: block;
width: 100%;
height: 100%;

因此它將適合整個單元格。

Answer 2

據我了解，您想從innerHTML檢索該ID

您可以使用以下代碼執行此操作（用以下代碼替換警報）

var start = targ.innerHTML.indexOf('<br>') + 4; // +4 so we start from end of <br>
var end = targ.innerHTML.indexOf('&nbsp;');

alert(targ.innerHTML.substring(start, end));

在ID之前搜索<br>
搜索  在ID之后
在2個元素（ID）之間使用字符串

但是修復不是很好

如果您將ID包裹在自己的HTML元素中，則代碼看起來會更好

如何從具有多個值的行內的HTML表格中獲取值

問題描述

2 個解決方案

解決方案1
0 2015-04-17 13:28:13

解決方案2
0 2015-04-17 13:38:50

如何從具有多個值的行內的HTML表格中獲取值

問題描述

2 個解決方案

解決方案1 0 2015-04-17 13:28:13

解決方案2 0 2015-04-17 13:38:50

解決方案1
0 2015-04-17 13:28:13

解決方案2
0 2015-04-17 13:38:50