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

-4

HTML結構如下所述。我想要一個JScript或JQuery，如果我們傳遞「230」（行中的唯一標識符）以實現功能，那麼它將提取整行。JQuery - 如何通過javascript獲取包含唯一元素的指定行/ jquery

應該與唯一的ID HTML標籤搜索 - 230，並考慮該行並點擊「深紅」

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

來源

2014-03-26 Anuraj

你必須嘗試的東西，張貼代碼 – Satpal

我沒有看到一個id = 230，但價值td元素 – Pavlo

首先，添加ID與警報鏈接。然後，環行，並觸發點擊所有td：

<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'); 
    } 
})

來源

2014-03-26 07:50:24 Justinas

嗨，這將是一個解決方案，不幸的是，如果有許多行和列，你可以凍結瀏覽器（迭代太多） –

@KevinLucich結合循環和setTimout（/ * fonction_to_loop * /，0） – Justinas

@KevinLucich或由於您的文本將是唯一的，因此您可以使用該文本創建一些自定義屬性，然後使用此屬性進行搜索而不進行循環。 – Justinas

-1

創建一個選擇，尋找你的結束ID，然後測試的HTML它是一個標籤，直到你找到尤爾所需的文本，並觸發它的點擊。

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

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

來源

2014-03-26 07:53:19 CoolArts

爲什麼-1？是不是我的反應很好，我創造了一個解決方案，沒有觸及他的元素，是不是很好？ – CoolArts

哦，我明白了，我錯了，解釋了那個代碼是id，我的道歉。 – CoolArts

如果您已經有一個唯一的值，您可以將id行設置爲「row＃」（其中＃是唯一編號）。對於後選擇ID爲「row_230」行，你可以使用：

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

問候，凱文

來源

2014-03-26 07:55:22

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

回答

相關問題