JQuery - 如何通过 javascript/jquery 获取包含唯一元素的指定行

Question

HTML structure is mentioned below. I want a JScript or JQuery that extract entire row if we pass "230" (unique identifier in row) to function.

It should search in HTML tags with unique id - 230 and consider that row and click on "Dark Red"

<tbody id="avlForm:tnbts:tb" class="rf-dt-b">
  <tr id="avlForm:tnbts:3" class="rf-dt-r">
    <td id="avlForm:tnbts:3:j_idt152" class="rf-dt-c">230</td>
    <td id="avlForm:tnbts:3:j_idt156" class="rf-dt-c">Red</td>
    <td id="avlForm:tnbts:3:j_idt202" class="rf-dt-c">
      <a onclick="alert('Light Red')">Light Red</a> 
      <a onclick="alert('Dark Red')">Dark Red</a> 
      <a onclick="alert('Reddish')">Reddish</a> 
    </td>
  </tr>

  <tr id="avlForm:tnbts:8" class="rf-dt-r">
    <td id="avlForm:tnbts:8:j_idt152" class="rf-dt-c">150</td>
    <td id="avlForm:tnbts:8:j_idt156" class="rf-dt-c">BLUE</td>
    <td id="avlForm:tnbts:8:j_idt202" class="rf-dt-c">
      <a onclick="alert('Night BLUE')">Night BLUE</a> 
      <a onclick="alert('Dark BLUE')">Dark BLUE</a> 
      <a onclick="alert('Light BLUE')">Light BLUE</a>                 
    </td>
  </tr>
</tbody>

Answer 1

First, add id to links with alerts. Then loop all td in row and trigger click:

<a onclick="alert('Dark BLUE')" id="dark-blue">Dark BLUE</a>

$.each("#avlForm:tnbts:tb td", function(){
    if($(this).text() == "230"){
        $('#dark-blue').trigger('click');
    }
})

Answer 2

if you have already an unique value you can set the id row to "row#" (where # is the unique number). After for select a row with id "row_230" you can use:

$("#row_230")  //  to select a row
$("#row_230").click()  //  to trigger the click event

Regards, Kevin

Answer 3

Create a selector to look for your ending id, then test the html of it's a tags until you find yor desired text and trigger it's click.

var wantedID = 230,
    target = $('[id$="idt'+wantedID+'"]');

$('a', target).each(function () {
    var html = $(this).html();
    if (html == 'Dark Red') $(this).trigger('click');
})