javascript - 我需要根据 tr id 获取第二个 td 跨度值，我该如何获取？

Question

我需要根据 tr id 获取第二个 td span 值

`

            <table><tr id="1">
            <td style="width:150px;"><span id="1">C </span></td>
            <td><span style="width:800px;">hello world</span></td>
            <td><input type="checkbox" name="1" onclick="KeywordText(1);" value="1"></td>
            </tr>
            <tr id="2">
            <td style="width:150px;"><span id="2">Dot Net </span></td>
            <td><span style="width:800px;">Dot Net,java,cobol,hai,Dot Net,java,cobol,hai,Dot Net,java,cobol,hai,Dot Net,java,cobol,hai</span></td>
            <td><input type="checkbox" name="2" onclick="KeywordText(2);" value="2"></td>
            </tr></table>

Answer 1

这假设你想要第二个跨度

JavaScript:

var row = document.getElementById("rowId");
var spans = row.getElementsByTagName("span");
var secondSpan = spans[1];

jQuery:

var secondSpan = $("#rowId span:eq(1)");

如果你想要第二个表格单元格内的跨度

JavaScript:

var row = document.getElementById("rowId");
var cells = row.getElementsByTagName("td");
var spans = cells.getElementsByTagName("span");
var secondSpan = spans[0];

或使用 querySelector

var span = document.getElementById("rowId").querySelector("td + td > span");

jQuery:

var secondSpan = $("#rowId td:eq(1) span");

并且 span 没有值，你要么是它的 html 要么是它的文本。

JavaScript:

var text = secondSpan.innerHTML;

jQuery:

var text = secondSpan.html();  // or secondSpan.text();