Question

如何隐藏步骤3中的div部分。即在编辑第一个数据之前第二次单击编辑按钮时，我想隐藏第一个div。我试过$（“。idOfDIV”）。hide（）;但它会隐藏div并且在点击编辑时，我看不到任何div部分。请帮帮我

<div class="idOfDiv" ><input style="display:none;" name="textbox"  id="txtDesignation' + count+ '" class="form"   />
<a  style="display:none" onclick="Save(' + count+ ');"  id="anchSave' + count+ '"  class="but1">Save</a><input type="hidden" id="hdnMaterial' + count+ '"  /><input type="hidden" id="hdnRequestMapid' + count+ '"  />
<a  style="display:none" onclick="Cancel(' + count+ ');" id="anchcancel' + count+ '"  class="but2">Cancel</a>





function Edit(id) 
{
        $(".idOfDIV").hide(); 
        document.getElementById('anchSave' + id).style.display = "inline-block";
        document.getElementById('anchcancel' + id).style.display = "inline-block";
        document.getElementById('txtDesignation' + id).style.display = "inline-block";
 }

我有一个文本框，在div中保存并取消锚标签。 ....

Answer 1

如果我没记错的话，“。”是类的选择器。要按ID选择，您应该使用“＃”。所以试试

$("#idOfDIV").hide();

它可能之前有效，因为你的div有相同的类和id：）

Answer 2

document.getElementsByClassName返回与类名匹配的所有元素的HTMLCollection（类似数组的对象）。 style的{{1}}属性是为Element定义的，不是HTMLCollection。您应该使用括号（下标）表示法访问第一个元素。

document.getElementsByClassName('yourDivClass')[0].style.visibility='hidden';

<强> jsFiddle

Answer 3

这里的问题是你想要隐藏一个特定的div，但是你正在使用$(".idOfDIV").hide();，它会隐藏所有与类idOfDIV的div，这就是为什么你看不到任何div点击按钮。

你应该给每个div一个唯一的id，所以你可以专门显示和隐藏它，试着：

给每个div一个唯一的ID。
然后将此id作为参数传递给您的函数，因此它只会隐藏这个div。

为了显示或隐藏您的文本框以及保存和取消锚点，您只需要显示/隐藏其父div，它们将随之显示或隐藏。

function Edit(id) 
{ 
 $("#"+id).hide(); 
}

Answer 4

我正在使用外部div进行隐藏。通过隐藏特定文本框的类似下面的文件

$(".classofTextbox").hide();
 $(".classofSave").hide();
 $(".classofCancel).hide();
 document.getElementById('txtDesignation' + id).style.display = "inline-block";
 document.getElementById('anchSave' + id).style.display = "inline-block";
 document.getElementById('anchcancel' + id).style.display = "inline-block";

它正常工作。

在javascript中隐藏div类

4 个答案: