代码之家  ›  专栏  ›  技术社区  ›  Mohamed

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

  •  0
  • Mohamed  · 技术社区  · 7 年前

    我有一个页面,其中有一个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的值 卡萨斯

    该值位于第一列中

    如有任何帮助,我们将不胜感激

    1 回复  |  直到 7 年前
        1
  •  1
  •   Mehdi Bouzidi    7 年前

    不可能获得 HTML 如果您没有访问此页面,并且没有编写返回内容的脚本,则返回页面内容。

    我用这个问题来支持我的回答: 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>