Search for a value in Page via Page URL using JQuery

Question

I have a page that has a table with ID as below

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

Via Page URL (I think I need to use something like XMLHttpRequest),

• How can I get an element (Table) with its ID?

  • Then check if the qassas value exists in a table "T1" **in this page, retrieve the values of all tds beside the cell that contains the matched value qassas

P.S: the value is located in the first column

Any help would be fully appreciated

Answer 1

Not possible to get the HTML content of a page if you've not access to this page, and not written a script that return the content.

I support my answer with this Stackoverflow question: How to get html source code from external url

Otherwise, if want to check if the value Qassas exist inside the table T1 you need to use the jQuery selector :contains, here is a simple demo:

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