本文介绍了使用相同的div切换页面的不同部分的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
你好，我有以下代码:
Javascript/jQuery:
Javascript/jQuery:
$(document).ready(function() {
$(".clickMe").click(function() {
$(".textBox").toggle();
});
});
带有for循环的HTML代码:
Html code printed with a for loop:
<a class="clickMe">Toggle my text</a>
<br />
<div class="textBox"> - This text will be toggled</div>
<a class="clickMe">Toggle my text</a>
<br />
<div class="textBox"> - This text will be toggled 2</div>
<a class="clickMe">Toggle my text</a>
<br />
<div class="textBox"> - This text will be toggled 3</div>
我希望能够:
- 页面加载后，我希望隐藏该页面并在点击时进行切换.
- 对
<a class="clickMe">和<div class="textBox">使用相同的ID，以便能够切换或隐藏正确/等效的<div>元素.
- When the page loads I want the to be hidden and toggle on click.
- Using the same ids for
<a class="clickMe">and<div class="textBox">to be able to toggle or hide the correct/equivalent<div>element.
jsFiddle代码:
jsFiddle code:
http://jsfiddle.net/A7Sm4/3/
谢谢
- 使用类而不是ID
- 修复了jsfiddle链接
推荐答案
$(document).ready(function() {
$("a").click(function() {
$(this).parent().find("div").toggle();
});
});
使用与此类似的内容.
这篇关于使用相同的div切换页面的不同部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！