JQuery通过类打开子Div

单击链接时，我需要打开子类/div：

我有：

echo '<td><a class="openhiddenmessage" href="#">'.$title.'</a></td>'; //If user clicks here
echo '<div class="hiddenmessage" style="display:none">'.$message.'</div>';  //This shows up

我怎样才能打开ot的孩子

更新：由于某些原因，给出的答案都不起作用，因此以下是整个部分：

echo '<tr>';
echo '<td><a class="openhiddenmessage" href="#">'.$title.'</a></td>';
echo '<td>'.$date.'</td>';
echo '<td><a id="deletemessage" href="delete.php?id='.$id.'" class="delete">Delete</a></td>';
echo '<div class="hiddenmessage" style="display:none">'.$message.'</div>';  
echo '</tr>';

echo'；
回声'；
回显“.$date.”；
回声'；
回显“.$message.”；
回声'；

试试

$('.openhiddenmessage').click(function(e){
 e.preventDefault();
$(this).closest('div').show();
});

我个人会用id来做这件事……如果你从数据库中得到结果的话

 echo '<td><a class="openhiddenmessage" data-id="'.$id.'" href="#">'.$title.'</a></td>'; //If user clicks here
 echo '<div class="hiddenmessage" id="msg-'.$id.'" style="display:none">'.$message.'</div>';

这样，您就不必将消息限制在表中。 它可能在任何地方。即使是模态风格的弹出窗口也可以

试试

$('.openhiddenmessage').click(function(e){
 e.preventDefault();
$(this).closest('div').show();
});

我个人会用id来做这件事……如果你从数据库中得到结果的话

 echo '<td><a class="openhiddenmessage" data-id="'.$id.'" href="#">'.$title.'</a></td>'; //If user clicks here
 echo '<div class="hiddenmessage" id="msg-'.$id.'" style="display:none">'.$message.'</div>';

这样，您就不必将消息限制在表中。

---

它可能在任何地方。即使是模态风格的弹出窗口也是可能的

看起来您在

tr

中有

div

，这是无效的，您应该将div放在td中

尽管如此，您可以在其当前形式中执行此操作

$('.openhiddenmessage').click(function(){
   $(this).closest('td').next('.hiddenmessage').show();
});

---

看起来您在

tr

中有

div

，这是无效的，您应该将div放在td中

尽管如此，您可以在其当前形式中执行此操作

$('.openhiddenmessage').click(function(){
   $(this).closest('td').next('.hiddenmessage').show();
});

在DOM树上搜索时，您需要

$('.openhiddenmessage').click(function () {
  $(this).closest('tr').find('.hiddenmessage').show();
});

编辑：在DOM树上搜索初始HTML时，需要

$('.openhiddenmessage').click(function () {
  $(this).closest('tr').find('.hiddenmessage').show();
});

---

编辑：对于初始HTML，您可以在

td

中的

a

旁边放置

div

，然后使用

next（）

显示消息。这样，

div

就不需要额外的

class

。例如：

HTML

---

您可以在

td

中的

a

旁边放置

div

，然后可以使用

next（）

显示消息。这样，

div

就不需要额外的

class

。例如：

HTML

---

请发布呈现的HTML而不是PHP。请发布呈现的HTML而不是PHP。

$('.openhiddenmessage').click(function(e){
    e.preventDefault();
    $(this).next().show();
});