Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有单个定义脚本的jquery多div_Javascript_Jquery_Html - Fatal编程技术网

Javascript 带有单个定义脚本的jquery多div

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

我有这个jQuery代码:

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