テーブルの値にアクセスする方法

Question

<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> 

サイト内にテーブルがあります。私はテーブルの電話番号を取りたいです。電話の行は、時には3番目または3番目または1番目になり、電話行にはIDがありません。 jQueryでその電話番号を取得するにはどうしたらいいですか？

Answer 1

各行をループして、最初のセルに「電話」という単語が含まれているセルを見つけて、最後のセルを取得することで実行できます。 tdを想定し

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(); 
    } 
}); 

Answer 2

は、テキスト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>