Javascript 单击时如何在表行内切换div

只是在解决这个jquery问题时遇到了一点小问题。我有一张桌子，每行都有一些数字。我希望这样，当我点击一个href链接的数字时，它会切换最初隐藏的名为“test”的div。当前，在我的代码中，当我单击带有数字的一行时，所有行都会切换，因为它们共享相同的类名。如何解决此问题，以便只切换单击的行

表和内容中的一些附加信息是动态生成的

我的HTML

<table>
 <tr>
  <td>
    <a class="showinfo" href="#"><b>ID:12</b>Click me<b></a>
    <div class="test">Test</div>
  </td>
 </tr>
 <tr>
  <td>
    <a class="showinfo" href="#"><b>ID:46</b>Click me<b></a>
    <div class="test">Test</div>
  </td>
 </tr>
</table>

---

谢谢。

以下是js需要的功能

$('.test').hide();
$('.showinfo').click(function(){
    $('.test',$(this).parent()).toggle();    
});​

---

您可以看到

这里是js所需要的

$('.test').hide();
$('.showinfo').click(function(){
    $('.test',$(this).parent()).toggle();    
});​

您可以看到

使用jQuery

它将找到与选择器匹配的下一个元素。

使用jQuery

它将找到与选择器匹配的下一个元素。

使用此选项：

$('.showinfo').click(function(){
 $(this).find(".test").toggle();
});

同时设置.test并显示：无；从css中。

使用以下命令：

$('.showinfo').click(function(){
 $(this).find(".test").toggle();
});

同时设置.test并显示：无；从css中。试试这个

$('.showinfo').click(function(e){
    e.preventDefault();
    $(this).closest('td').find(".test").toggle();
});

试试这个

$('.showinfo').click(function(e){
    e.preventDefault();
    $(this).closest('td').find(".test").toggle();
});

---

首先，您需要关闭元素，这：

<a class="showinfo" href="#"><b>ID:12</b>Click me<b></a>

---

您还应该防止

的默认操作。首先，您需要关闭元素，这：

<a class="showinfo" href="#"><b>ID:12</b>Click me<b></a>

您还应该防止jsiddle的默认操作：

您的以下行无效：

<a class="showinfo" href="#"><b>ID:12</b>Click me<b></a>

jsFiddle：

您的以下行无效：

<a class="showinfo" href="#"><b>ID:12</b>Click me<b></a>

$(".showinfo").click( function()
{
    // The TD above the link
    var parent = $(this).parent();

    // The TD child that is a div
    $(parent).children("div").toggle();
});​