Javascript 带有单个定义脚本的jquery多div
我有这个jQuery代码:Javascript 带有单个定义脚本的jquery多div,javascript,jquery,html,Javascript,Jquery,Html,我有这个jQuery代码: $(document).ready(function () { $("#hide").click(function () { $("div1").hide(); }); $("#show").click(function () { $("div1").show(); }); }); 这是jsp/html for{int=0;i<V_loopnumber;i++) { %> <but
$(document).ready(function () {
$("#hide").click(function () {
$("div1").hide();
});
$("#show").click(function () {
$("div1").show();
});
});
这是jsp/html
for{int=0;i<V_loopnumber;i++)
{
%>
<button id='show' height:10px>showit</button>
<div1>
something
<button id='hide' height:10px>hideit</button>
</div1>
<%
}
{int=0;i的
炫耀
某物
希代特
首先,元素id
s必须是唯一的。请改用类。其次,
不是有效的标记。请改用类使用div
。第三,使用遍历函数查找要切换的特定元素
$(document).ready(function () {
$(".hide").click(function () {
$(this).closest('.show-hide-container').hide();
});
$(".show").click(function () {
$(this).next('.show-hide-container').show();
});
});
{int=0;i的
炫耀
某物
希代特
首先,元素id
s必须是唯一的。请改用类。其次,
不是有效的标记。请改用类使用div
。第三,使用遍历函数查找要切换的特定元素
$(document).ready(function () {
$(".hide").click(function () {
$(this).closest('.show-hide-container').hide();
});
$(".show").click(function () {
$(this).next('.show-hide-container').show();
});
});
{int=0;i的
炫耀
某物
希代特
首先,元素id
s必须是唯一的。请改用类。其次,
不是有效的标记。请改用类使用div
。第三,使用遍历函数查找要切换的特定元素
$(document).ready(function () {
$(".hide").click(function () {
$(this).closest('.show-hide-container').hide();
});
$(".show").click(function () {
$(this).next('.show-hide-container').show();
});
});
{int=0;i的
炫耀
某物
希代特
首先,元素id
s必须是唯一的。请改用类。其次,
不是有效的标记。请改用类使用div
。第三,使用遍历函数查找要切换的特定元素
$(document).ready(function () {
$(".hide").click(function () {
$(this).closest('.show-hide-container').hide();
});
$(".show").click(function () {
$(this).next('.show-hide-container').show();
});
});
{int=0;i的
炫耀
某物
希代特
id必须唯一在您的页面上,使用类
重要提示:使用div而不是div1,div1标记未定义
id必须唯一在您的页面上,使用类
重要提示:使用div而不是div1,div1标记未定义
id必须唯一在您的页面上,使用类
重要提示:使用div而不是div1,div1标记未定义
id必须唯一在您的页面上,使用类
重要提示:使用div而不是div1,div1标记未定义
您的标记有一些问题。您不能两次分配相同的ID。而且div1
不是有效的标记名
也许您可以按照以下示例的思路重新构造标记:
<div class="container">
<button class="show">showit</button>
<div class="inner">
something
<button class="hide">hideit</button>
</div>
</div>
$(this).closest(“.inner”)
将检索dom树中类inner
向上的最近元素
$(".show").click(function () {
$(this).parent().find(".inner").show();
});
$(this).parent().find(“.inner”)
将在dom树中上升一级,并找到类为inner
的元素
您的标记有一些问题。您不能两次分配相同的ID。而且div1
不是有效的标记名
也许您可以按照以下示例的思路重新构造标记:
<div class="container">
<button class="show">showit</button>
<div class="inner">
something
<button class="hide">hideit</button>
</div>
</div>
$(this).closest(“.inner”)
将检索dom树中类inner
向上的最近元素
$(".show").click(function () {
$(this).parent().find(".inner").show();
});
$(this).parent().find(“.inner”)
将在dom树中上升一级,并找到类为inner
的元素
您的标记有一些问题。您不能两次分配相同的ID。而且div1
不是有效的标记名
也许您可以按照以下示例的思路重新构造标记:
<div class="container">
<button class="show">showit</button>
<div class="inner">
something
<button class="hide">hideit</button>
</div>
</div>
$(this).closest(“.inner”)
将检索dom树中类inner
向上的最近元素
$(".show").click(function () {
$(this).parent().find(".inner").show();
});
$(this).parent().find(“.inner”)
将在dom树中上升一级,并找到类为inner
的元素
您的标记有一些问题。您不能两次分配相同的ID。而且div1
不是有效的标记名
也许您可以按照以下示例的思路重新构造标记:
<div class="container">
<button class="show">showit</button>
<div class="inner">
something
<button class="hide">hideit</button>
</div>
</div>
$(this).closest(“.inner”)
将检索dom树中类inner
向上的最近元素
$(".show").click(function () {
$(this).parent().find(".inner").show();
});
$(this).parent().find(“.inner”)
将在dom树中上升一级,并找到类为inner
的元素
<强> /P>不可由多个元素共享。在解决更大问题之前先考虑先修复。相同的ID不能由多个元素共享。在解决更大问题之前先考虑修复。相同的ID不能由多个元素共享。在解决更大问题之前先考虑修复。同样的ID。S不能被多个元素共享。在解决更大的问题之前,先考虑修复它。<代码>最接近可以工作,上面的代码>显示< /代码>按钮,可以是<代码>隐藏< /代码>按钮,因为按钮是在循环中生成的。
在.hide
按钮上,并针对按钮的直接父项。如何使用最近的
按钮,在显示
按钮上方可以有隐藏
按钮,因为按钮是在循环中生成的。是否将最近的
仅在底部签入?@RajivRanjan我只使用最近的()
在.hide
按钮上,并针对按钮的直接父项。如何使用最近的
按钮,在显示
按钮上方可以有隐藏
按钮,因为按钮是在循环中生成的。是否将最近的
仅在底部签入?@RajivRanjan我只使用最近的()
在.hide
按钮上,并针对按钮的直接父项。如何使用最近的
按钮,在显示
按钮上方可以有隐藏
按钮,因为按钮是在循环中生成的。是否将最近的
仅在底部签入?@RajivRanjan我只使用最近的()
在.hide
按钮上,以按钮的直接父项为目标。非常感谢!非常好的文档和示例,但是在显示时如何隐藏“showit”按钮?非常感谢!非常好的文档和示例,但是如何隐藏“showit”按钮何时显示?非常感谢!非常好的文档和exa