jquery单击,切换一个或多个div块
我试图构建一个jQuery,当单击div#toggle时,div内的span将显示,当设置为toggle模式时,但是当我使用两个或更多div块时,它只显示第一个span。请帮忙jquery单击,切换一个或多个div块,jquery,Jquery,我试图构建一个jQuery,当单击div#toggle时,div内的span将显示,当设置为toggle模式时,但是当我使用两个或更多div块时,它只显示第一个span。请帮忙 $(文档).ready(函数(){ $(“div切换”)。单击(函数(){ $(“#显示”).toggle(); }); }); 这个点击 展示这个 fhslkjklsfjl 试试这个:- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1
$(文档).ready(函数(){
$(“div切换”)。单击(函数(){
$(“#显示”).toggle();
});
});代码>
这个点击
展示这个
fhslkjklsfjl
试试这个:-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='toggle'>this clicked
<span id='show'><p>Show this</p></span>
</div>
<div id='toggle'>2 nd button
<span id='show'><p>fhslkjklsfjl</p></span>
</div>
$("div#toggle").click(function(e) {
if (e.target !== this)
return;
$(this).find("#show").toggle();
});
这个点击
展示这个
第二按钮
fhslkjklsfjl
$(“div切换”)。单击(函数(e){
如果(例如,目标!==此)
返回;
$(this.find(“#show”).toggle();
});
两个跨度的id不能相同。尝试为span使用不同的id。
例如:
$(文档).ready(函数(){
$(“div切换”)。单击(函数(){
$(“#显示”).toggle();
});
});代码>
这个点击
展示这个
fhslkjklsfjl
您不能使用相同的id。id应该是唯一的
试着给学生上课:
$(“.toggle”)。单击(函数(e){
如果(例如,目标!==此)
返回;
$(this.find(“#show”).toggle();
}); 代码>
这个点击
展示这个
第二按钮
fhslkjklsfjl
使用类作为id应该是唯一的!投票结束,因为该问题是由无法再复制的问题或简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。这通常可以通过在发布前识别并仔细检查重现问题所需的最短程序来避免。或者更好:ID的副本在HTML中应该是唯一的。若要在DOM元素之间使用相同的名称,则应使用类。