Javascript查找没有ID，标签名称的标签值

Question

我想要第二个<td>

的值

<tr>
    <td>devaraj</td>
    <td>Shiva</td>
</tr>

结果预期：'湿婆'

如何搜索第一个<td>代码值并获取第二个<td>代码值？

由于

Answer 1

您可以使用Document.querySelector()：

  

返回文档中的第一个元素（使用与指定选择器组匹配的文档节点的深度优先预先遍历遍历）。

所以要定位第二个td：

document.querySelector('table td:nth-child(2)')

见jsFiddle 或以下代码段

＆＃13;

＆＃13;

alert(document.querySelector('table td:nth-child(2)').innerHTML)

＆＃13;

<table>
    <tr>
        <td>devaraj</td>
        <td>Shiva</td>
    </tr>
<table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

为您的<td>命名，然后获取其文本值 像这样：

<tr>
<td>devaraj</td>
<td id="nameTD">Shiva</td>
</tr>

获取文本的脚本

document.getElementById ( "nameTD" ).innerText

结果：湿婆

---

EDIT1：

如果你没有ID，你可以使用$( "td:nth-child(x)")你要找的位置在哪里（假设你的页面只有一个表）;

• 表示第二个，x = 2
• 表示第三个，x = 3
• ...

所以最终的代码应该是：

<强> HTML

<table>
   <tr>
    <td>devaraj</td>
    <td>Shiva</td>
</tr> 
</table>

<强> JQuery的 $（＆＃34; td：nth-​​child（2）＆＃34;）。text（）

检查此fiddler