Javascript 我需要根据tr id获得第二个td跨度值，我如何才能获得该值？

我需要根据tr id获得第二个td跨度值

`

C
你好，世界
网络
Dot-Net，java，cobol，hai，Dot-Net，java，cobol，hai，Dot-Net，java，cobol，hai，Dot-Net，java，cobol，hai

使用jQuery：

 var getvalue=$(this).closest('tr').find('td:eq(1) span').val();
 alert(getvalue);

使用jQuery：

 var getvalue=$(this).closest('tr').find('td:eq(1) span').val();
 alert(getvalue);

例如：

---

示例：

这假设您想要第二个跨度

JavaScript:

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

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

jQuery：

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

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

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

如果希望跨距位于第二个表格单元格中

JavaScript:

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

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 span:eq(1)");

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

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

和span没有值，您可以选择它的html或文本

JavaScript:

var text = secondSpan.innerHTML;

jQuery：

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

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

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

---

这假设您想要第二个跨度

JavaScript:

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

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

jQuery：

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

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

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

如果希望跨距位于第二个表格单元格中

JavaScript:

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

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 span:eq(1)");

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

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

和span没有值，您可以选择它的html或文本

JavaScript:

var text = secondSpan.innerHTML;

jQuery：

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

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

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

---

严格来说，你可以这样做：

getSpanValueByRowId(1);

function getSpanValueByRowId(rowID) {
    var row = document.getElementById(rowID);
    var cells = row.getElementsByTagName("td");

    var span = cells[1].getElementsByTagName("span")[0];

    return span.innerText;
}

function getSpanValueByjQuery(rowID){
    return $("#"+rowID + " td:nth-child(2) span").text();
}

虽然您可以使用jQuery来获取它，但它看起来是这样的：

getSpanValueByRowId(1);

function getSpanValueByRowId(rowID) {
    var row = document.getElementById(rowID);
    var cells = row.getElementsByTagName("td");

    var span = cells[1].getElementsByTagName("span")[0];

    return span.innerText;
}

function getSpanValueByjQuery(rowID){
    return $("#"+rowID + " td:nth-child(2) span").text();
}

---

严格来说，你可以这样做：

getSpanValueByRowId(1);

function getSpanValueByRowId(rowID) {
    var row = document.getElementById(rowID);
    var cells = row.getElementsByTagName("td");

    var span = cells[1].getElementsByTagName("span")[0];

    return span.innerText;
}

function getSpanValueByjQuery(rowID){
    return $("#"+rowID + " td:nth-child(2) span").text();
}

虽然您可以使用jQuery来获取它，但它看起来是这样的：

getSpanValueByRowId(1);

function getSpanValueByRowId(rowID) {
    var row = document.getElementById(rowID);
    var cells = row.getElementsByTagName("td");

    var span = cells[1].getElementsByTagName("span")[0];

    return span.innerText;
}

function getSpanValueByjQuery(rowID){
    return $("#"+rowID + " td:nth-child(2) span").text();
}

---

你需要得到第二个有跨度的td，或者只是第二个td中的跨度？你应该在多个对象上使用相同的id。。。您的tr和span对象具有相同的id在您的示例中，您需要获取具有span的第二个td，或者仅获取第二个td中的span？您应该在多个对象上使用相同的id。。。在示例中，tr和span对象具有相同的id eq基于0。对于第二个td，eq基于1。对于第二个td，eq基于0。对于第二个td，eq基于1，