获取jQuery中的元素的ID onlclick？

这是一个html页面获取jQuery中的元素的ID onlclick？

<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>

我尝试做切换functon的onlcick事件的一个很简单的例子，所以基本上当用户点击TITLE_1的toggle_1将隐藏和显示，并在用户点击了title_2它会显示并隐藏toggle_2，我希望这是有道理的。

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

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

来源

2012-07-20 unknown

作为一个方面说明：我会用CSS来隐藏切换元素而不是jQuery的。否则，它只会在dom加载后才会隐藏，这可能需要一些时间。 – Thomas 2012-07-20 11:11:19

谢谢你会这么做 – unknown 2012-07-20 11:15:49

，你可以：

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

来源

2012-07-20 11:10:51

这里有一个简单的方法，

HTML

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

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

jQuery的

$(document).ready(function() { 
     $('.toggle').hide(); 
     $('.title').click(function() { 
     $('.'+ $(this).attr("id")).toggle('slow'); 
    }); 
     });

我没有测试的代码。希望它能起作用。

来源

2012-07-20 11:09:22 Matt

试试这个

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

来源

2012-07-20 11:11:29

获取jQuery中的元素的ID onlclick？

回答

相关问题