javascript - 使用 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>

通过页面URL(我想我需要使用XMLHttpRequest之类的东西)，

• 如何获取元素(表)及其 ID？

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

P.S:该值位于第一列

任何帮助将不胜感激

Answer 1

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

我通过这个 Stackoverflow 问题来支持我的回答:How to get html source code from external url

否则，如果想检查表 T1 中是否存在值 Qassas，您需要使用 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>