使用JQuery在页面URL中搜索值

时间:2017-10-18 19:08:52

标签: javascript jquery cross-domain

我的页面有一个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的元素(表)?

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

P.S:该值位于第一列

任何帮助都将得到充分的赞赏

1 个答案:

答案 0 :(得分: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>