为div中的每个子元素运行javascript

我想做一个新函数

函数showdiv（toshow）

“toshow”应具有显示“div1”或“div2”的div的名称 然后我想获取contentdiv中的内部div，并检查每个div的

名称是否为==toshow

，然后运行

$( document.getElementById($div).show( "fast" );

否则，如果div的id为托肖

$( document.getElementById(@div) ).hide( "fast");

如何编写函数和for look

请用基本易读的代码编写

函数showdiv（toshow）{
}

隐藏演示


节目组1
节目组2
从前
时间到了
三个程序员。。。
btn
文本。。。正文

函数showdiv（toshow）{
$（“#contentdiv”）.hide（“fast”）；//隐藏所有div
$（“#”+toshow）.show（“fast”）；//显示一个特定的div
}    
$（“#div2show”）。单击（函数（）{
$（document.getElementById（“div1”））.hide（“fast”）；
$（document.getElementById（“div2”））.show（“fast”）；
});
$（“#div1show”）。单击（函数（）{
$（document.getElementById（“div2”））.hide（“fast”）；
$（document.getElementById（“div1”））.show（“fast”）；
});

很难理解您想要实现什么，但我假设您希望能够指定div的名称，显示此div，并隐藏所有其他div

可以这样做：

function showdiv(toshow){
    $("#contentdiv > div").hide("fast"); //Hide all divs
    $("#" + toshow).show("fast"); //Show one specific div
}

showdiv("div1"); //Hides all divs, only shows the one with id 'div1'

$("#div1")

然后您可以像这样运行函数：

function showdiv(toshow){
    $("#contentdiv > div").hide("fast"); //Hide all divs
    $("#" + toshow).show("fast"); //Show one specific div
}

showdiv("div1"); //Hides all divs, only shows the one with id 'div1'

$("#div1")

此外，您不需要写：

$(document.getElementById("div1"));

要按id获取jquery元素，只需通过在名称前写入

#

来指定您正在按其id拾取元素。这样做：

function showdiv(toshow){
    $("#contentdiv > div").hide("fast"); //Hide all divs
    $("#" + toshow).show("fast"); //Show one specific div
}

showdiv("div1"); //Hides all divs, only shows the one with id 'div1'

$("#div1")

---

很难理解您想要实现什么，但是我假设您希望能够指定div的名称，显示这个div，并隐藏所有其他div

可以这样做：

function showdiv(toshow){
    $("#contentdiv > div").hide("fast"); //Hide all divs
    $("#" + toshow).show("fast"); //Show one specific div
}

showdiv("div1"); //Hides all divs, only shows the one with id 'div1'

$("#div1")

然后您可以像这样运行函数：

function showdiv(toshow){
    $("#contentdiv > div").hide("fast"); //Hide all divs
    $("#" + toshow).show("fast"); //Show one specific div
}

showdiv("div1"); //Hides all divs, only shows the one with id 'div1'

$("#div1")

此外，您不需要写：

$(document.getElementById("div1"));

要按id获取jquery元素，只需通过在名称前写入

#

来指定您正在按其id拾取元素。这样做：

function showdiv(toshow){
    $("#contentdiv > div").hide("fast"); //Hide all divs
    $("#" + toshow).show("fast"); //Show one specific div
}

showdiv("div1"); //Hides all divs, only shows the one with id 'div1'

$("#div1")

---

考虑到您使用jQuery，您可以编写如下内容：

$("#contentdiv>div").each(function(e) {
    if ($(e).attr("name") == "toShow") $(e).show("fast");
    else $(e).hide("fast");
})

---

注意：代码未经测试

考虑到您使用jQuery，您可以编写如下代码：

$("#contentdiv>div").each(function(e) {
    if ($(e).attr("name") == "toShow") $(e).show("fast");
    else $(e).hide("fast");
})

---

注意：代码没有经过测试

我必须说我是第一次看到这一点：$（document.getElementById（“div1”）。你的问题也不清楚。我必须说我第一次看到了：

$（document.getElementById（“div1”）

。另外，您的问题也不清楚。为了给OP澄清，这是纯javascript:

document.getElementById（'div1'）

，这是jQuery的等价物：

$（'div1'）

thnans，但问题是当我在div1和中添加新div时div2@Harald关于在div1和div2中添加div的问题，你能描述一下到底是什么问题吗？如果是因为它隐藏了所有的分区，甚至是其他分区内的分区，那就是我的错。没有考虑。在我的帖子中，我更新了我的函数，它现在应该可以工作了。问题是我使用了

$（“#contentdiv div”）

所有div。通过使用

$（“#contentdiv>div”）

我现在只选择

#contentdiv

的直接子元素。为了澄清OP，这是简单的javascript:

文档.getElementById（'div1'）

，这是jQuery的等价物：

$（'\ div1'）

thnans，但问题是当我在div1和div中添加新div时div2@Harald关于在div1和div2中添加div的问题，您能描述一下问题到底是什么吗？如果是因为它隐藏了所有的分区，甚至是其他分区内的分区，那就是我的错。没有考虑。在我的帖子中，我更新了我的函数，它现在应该可以工作了。问题是我使用了

$（“#contentdiv div”）

所有div。通过使用

$（“#contentdiv>div”）

我现在只选择

#contentdiv

的直接子元素。