CODEWITHSUNDEEP
jquerycontainsjquery-chaining
Gates
Gates

Reputation: 23

Jquery Contains and Not Contains Chaining

Image i have table like this :

<table>
    <tr>
        <td>Adresse IP</td>
        <td class='tdSoap'>10.2.3.4</td>
    </tr>
    <tr>
        <td>Zobi</td>
        <td class='tdSoap'>blabla</td>
    </tr>
    <tr>
        <td>Adresse</td>
        <td class='tdSoap'>NYC</td>
    </tr>
</table>

I want get the "NYC" value, by selecting the TR what has a TD with "Adresse", but NOT with "Adresse IP".

I already do what I want with this code :

$("table tr:has(td:contains('Adresse'))").not(":contains(Adresse\u00a0IP)").find("td.tdSoap").text();

But, I tried a lot with this kind of code, and never succeed :

$("table tr:has(td:contains('Adresse'):not(':contains(Adresse\u00a0IP)')) td.tdSoap").text();

PS : "\u00a" is becaused of that http://bugs.jquery.com/ticket/3450

Upvotes: 2

Views: 3190

Answers (2)

Mark Schultheiss
Mark Schultheiss

Reputation: 34168

perhaps this:

$("table tr td:contains('Adresse')").not(':contains(Adresse\u00a0IP)').next('.tdSoap').text();

why does this not work:(what you have)

$("table tr:has(td:contains('Adresse'):not(':contains(Adresse\u00a0IP)')) td.tdSoap").text();

jQuery uses a right to left in a selector, so think this:

  1. find all td.tdSoap
  2. now find those that have not any 'Adresse\u00a0IP' - well none do inside the td.tdSoap
  3. now find those that do have 'Adresse' - well none do inside the td.tdSoap
  4. now has, combine those - still none INSIDE that td.tdSoap so nothing is selected.

Now, this also works taking out the "has" and added a next:

$("table tr td:contains('Adresse'):not(':contains(Adresse\u00a0IP)')").next("td.tdSoap").addClass('myfirst');

However, run some performance metrics and see which of these is faster:

$('table').find('tr').find('td:contains("Adresse")').not(':contains("Adresse\u00a0IP")').next('.tdSoap').text();
$('table').find('.tdSoap').prev(':contains(Adresse)').not(':contains(Adresse\u00a0IP)').next().text();
$("table tr td:contains('Adresse'):not(':contains(Adresse\u00a0IP)')").next('td.tdSoap').text();
$("table tr:has(td:contains('Adresse'))").not(":contains(Adresse\u00a0IP)").find("td.tdSoap").text();
$("table tr td:contains('Adresse')").not(':contains(Adresse\u00a0IP)').next('.tdSoap').text();

NOTE: those get the text of all of them if you have more "groups" of these, not sure you want all of them, but that is what you have.

EDIT: this works with or without the &nbsp

$('table').find('tr').find('td:contains("Adresse")').not(':contains("Adresse\u00a0IP")').not(':contains("Adresse IP")').next('.tdSoap').text();

Upvotes: 3

Goran Mottram
Goran Mottram

Reputation: 6304

If you can't modify the HTML, then this should do the trick:

$('table tr:has(td:contains("Adresse"):not(:contains("Adresse IP"))) td.tdSoap').text()

Otherwise I'd advise trying what Mahmood says in the comments and giving it something specific to select on.

Upvotes: 0

Related Questions