使用 JQuery 通过页面 URL 在页面中搜索值

Question

我有一个页面，其中有一个 ID 如下表

<table id="T1">
<tbody>
<tr>
<td>Qassas</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>

<tr>
<td>test</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>

</table>

通过页面网址（我想我需要使用XMLHttpRequest之类的东西），

• 如何获取带有 ID 的元素（表格）？

  • 然后检查qassas值是否存在于表“T1”中**在此页面中，检索包含匹配值qassas的单元格旁边的所有tds的值

PS：数值位于第一列

任何帮助将不胜感激

Answer 1

如果您无法访问该页面并且没有编写返回内容的脚本，则无法获取该页面的 HTML 内容。

我支持我对这个 Stackoverflow 问题的回答：How to get html source code from external url

否则，如果要检查Qassas的值是否存在于表T1中，则需要使用jQuery选择器:contains，这里有一个简单的演示：

//This Script check if "Qassas" exist in the table or not
if( $('#T1 td:contains("Qassas")').length  > 0)
{
  alert("Qassas exist");
}else
{
  alert("Qassas doesn't exist");
}

//This script retrieve the values of the closest "td" tags

var tr=$('#T1 td:contains("Qassas")').parent();
var values=[];
tr.children().each(function(){
  values.push($(this).text());
});
console.log(values);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="T1">
    <tbody>
    <tr>
    <td>Qassas</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    </tr>
    
    <tr>
    <td>test</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    </tr>
    </tbody>
    
    </table>