html - 如何在特定内容中执行 slideToggle 功能？

Question

我们可以让 click 事件对特定项目执行 slideToggle 功能，而不是每个使用相同类的内容吗？

例子

<table>
<tr class='good'>
<td>1</td>
<td>2</td>
<td>3</td></tr>

<tr class='good'>
<td>4</td>
<td>5</td>
<td>6</td></tr>

</table?

$('table').click(function(){
    $(.good).slideToggle();
});

在上面的代码中，我只想在第二个表格行中进行切换。由于我使用类来切换它正在切换使用该类的所有内容，我什至不能给它们单独的 id，因为我们在 jQuery 中使用来自 Ajax 中的回调函数的数据动态创建了该表。

Answer 1

就 jQuery 而言，最佳实践是将 id 用于您希望对其进行操作的任何元素。

为行分配一个 id，jQuery 可以快速抓取这些节点进行操作，例如 slideToggle(); 淡入（）; 之类的。