jquery - 单击/jQuery 选择与 TD 相对应的 div

Question

我有一张 table 。当我单击 TD(在 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

使用:contains选择正确的:

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