選擇與點擊w/jQuery對應TD的div

Question

我有一張桌子。當我點擊（內）TD時，我需要顯示一個隱藏的div，其中包含更多的div。該隱藏容器內的每個div都具有文本值。我需要選擇與點擊的TD相對應的值。

JS

$(".clickme").click(function(){ 
    $("#hiddenDiv").hide().fadeIn(200); 

    if ($(this).text() == $("#hiddenDiv div").text()) { 
     // HOW DO I SELECT THAT DIV? 
     // matched div .css("color", "red"); 
    } 

}); 

HTML

<table id="myTbl"> 
<tr> 
    <td></td> 
    <td class="clickme">Left</td> 
</tr> 
</table> 

<div id="hiddenDiv" style="display:none"> 
    <div>Straight</div> 
    <div>Left</div> 
    <div>Right</div> 
</div> 

Answer 1

demo jsBIn

$(".clickme").click(function(){ 

    var thisText = $(this).text(); 
    var $targetEl = $('#hiddenDiv > div:contains('+thisText+')'); 

    if($targetEl.length > 0){ // if exists 
      $("#hiddenDiv").hide().fadeIn(200); 
     $targetEl.css({color:'red'}); 
    } 

}); 

Answer 2

使用：包含選擇正確的一個：

$("#hiddenDiv div:contains(" + $(this).text() + ")") 

Answer 3

$(".clickme").click(function() { 
    $("#hiddenDiv").hide().fadeIn(200); 
    var $this = $(this); 
    $("#hiddenDiv div").filter(function() { 
     return $(this).text() == $this.text(); 
    }).css("color", "red").show(); 
});​