如何访问表中的值

时间:2017-09-09 11:34:51

标签: javascript jquery html html-table

<tbody>
<tr>
    <td><span style="">Price</span></td>
    <td><span style="">:</span></td>
    <td><span style="">660</span></td>
</tr>
<tr>
    <td><span style="">Date</span></td>
    <td><span style="">:</span></td>
    <td><span style="">15.11.1988</span></td>
</tr>
<tr>
    <td><span style="">No</span></td>
    <td><span style="">:</span></td>
    <td><span style="">48961887292</span></td>
</tr>
<tr>
    <td><span style="">Phone</span></td>
    <td><span style="">:</span></td>
    <td><span style="">9005312359188</span></td>
</tr>
</tbody>

网站中有一张桌子。我想把电话号码放在桌子上。电话行有时可以是第三或第三或第一,电话行没有ID。如何使用jQuery获取该电话号码?

2 个答案:

答案 0 :(得分:1)

假设td包含文字Phone。使用查询选择器,您可以找到包含文本Phone的所有td,然后找到最后一个兄弟来获取电话号码。

$(function () {
  $("table tr td:contains('Phone')").each(function () {
    console.log($(this).siblings(":last").text());
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<table>
  <tbody>
    <tr>
      <td><span style="">Price</span></td>
      <td><span style="">:</span></td>
      <td><span style="">660</span></td>
    </tr>
    <tr>
      <td><span style="">Date</span></td>
      <td><span style="">:</span></td>
      <td><span style="">15.11.1988</span></td>
    </tr>
    <tr>
      <td><span style="">No</span></td>
      <td><span style="">:</span></td>
      <td><span style="">48961887292</span></td>
    </tr>
    <tr>
      <td><span style="">Phone</span></td>
      <td><span style="">:</span></td>
      <td><span style="">9005312359188</span></td>
    </tr>
     <tr>
      <td><span style="">No</span></td>
      <td><span style="">:</span></td>
      <td><span style="">48961887292</span></td>
    </tr>
    <tr>
      <td><span style="">Phone</span></td>
      <td><span style="">:</span></td>
      <td><span style="">111111111111</span></td>
    </tr>
  </tbody>
</table>

答案 1 :(得分:0)

你可以通过循环遍历每一行,找到第一个单元格包含单词&#34; Phone&#34;,然后获取最后一个单元格的那一行。

var phoneNumber = false;
$("tbody tr").forEach( function(i, $row ) {
   var $firstCell = $row.find("td:first-child");
   if ( $firstCell.text() === "Phone" ) {
      phoneNumber = $row.find("td:last-child").text();
   }
});