javascript - 在 jquery onlclick 中获取元素的 id？

Question

这是一个非常简单的html页面示例

<span class ="title" id="title_1">this is</span> 
<span class="toggle" id="toggle_1>paragraph 1</span>

<span class ="title" id="title_2">this is</span> 
<span class="toggle" id="toggle_2">paragraph 2</span>

我试图用切换功能做一个onlcick事件，所以基本上当用户点击title_1时，toggle_1会隐藏和显示，如果用户点击title_2它将显示和隐藏toggle_2，我希望这是有道理的。

 (document).ready(function() {
      $('.toggle').hide();
        $('#title_').click(function() {
        $('#toggle_').toggle('slow');
    });
      });

我像这样开始我的jquery，只是不知道从这里做什么。谢谢

Answer 1

你可以：

$('.toggle').hide();
$('.title').click(function() {
   $(this).next(".toggle").toggle('slow');
});

Answer 2

尝试这个

(document).ready(function() {
      $('.toggle').hide();
      $('.title').click(function() {
                $(this).closest('.toggle').toggle('slow');
      });
});