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

When you say Page URL, do you mean that the page is not open yet? Is this somehow related to pages stored in any SharePoint library? — Nisarg Shah
– Nisarg Shah, Commented Oct 18, 2017 at 19:11
yes, the page is not open yet, it's not related to SharePoint, it's HTML page on my site! — Mohamed
– Mohamed, Commented Oct 18, 2017 at 19:12
Are you able to get the page via Javascript? i.e. the html string of the page? — Nisarg Shah
– Nisarg Shah, Commented Oct 18, 2017 at 19:15

Mehdi Bouzidi · Accepted Answer · 2017-10-19 08:18:50Z

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>

edited Oct 19, 2017 at 8:18

answered Oct 18, 2017 at 19:54

Mehdi Bouzidi

2,0153 gold badges17 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Mohamed Over a year ago

Thank you, I got it what about the second request of search in table for a specific value, please post it to accept the answer

Mehdi Bouzidi Over a year ago

just click on the check mark, that you'll find at the left side of my answer. Good Luck

Mohamed Over a year ago

No Problem, I will. but I need to check if a value exists in a table "T1" get the td values besides! I mentioned this in my question, could you help me for this?!

Mehdi Bouzidi Over a year ago

@M.Qassas I edited my answer to show you how to check if Qassas exist or not

Mehdi Bouzidi Over a year ago

@M.Qassas sorry for that, I reedited my answer, you can get these values :) Good luck

|

Collectives™ on Stack Overflow

Search for a value in Page via Page URL using JQuery

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related