隐藏具有可变动态ID的div

时间:2014-12-07 20:02:17

标签: javascript php css oop

div是一个获取动态ID的开关。 类名是impbtn,id是在变量this.impbtn6.id

中生成的

HTML:

<div id="widget-id63032Candy_Eaten_importGoodsBtn" class="impbtn"></div>

需要隐藏两个地方 - 点击和上传 在点击事件

document.getElementById(this.impbtn6.id).style.visibility="hidden";

工作正常。 我不能使用Document.getelementbyID,因为发生了多个表单加载,因此不应该隐藏按钮。 所以我使用JQ来访问css属性 这个

jQuery('.impbtn, #this.impbtn6.id').css('visibility',"hidden");

有效但会使班级中的所有按钮都不可见。我想只做this.expbtn6.id看不见这个类下的所有ID。

我已阅读过每一页。有些事情我没有成功尝试过(另外)

var vid= this.impbtn6.id;
jQuery("#"+ vid).visibility("hidden");
$('#vid .impbtn').css('visibility',"hidden")
var row2=$(".impbtn").find("div#"+vid);
row2.hide();
$('#vid .impbtn').css('visibility',"hidden");
$('div#vid').css('visibility',"hidden");
$('.impbtn', $("#div" + this.impbtn6.id)).css('visibility',"hidden");
$("#div"+ vid).css('visibility',"hidden");
$("#"+ vid).hide();
$('#vid').css('visibility',"hidden");
row = $('#' + vid);
row.css('visibility',"hidden");

我非常感谢回复/评论。

3 个答案:

答案 0 :(得分:0)

试试这个

$('#this.exportbtn6.id').css('visibility','visible');

答案 1 :(得分:0)

你说的话,你的问题有点令人困惑 的document.getElementById(this.exportbtn6.id).style.visibility =&#34;可见&#34 ;;

工作正常,但是此代码显示div,而不是隐藏它,为什么不能使用相同的代码隐藏它,如果你用它来显示?

那么你认为合适的其他片段:

jQuery(&#39; .expbtn,#this.exportbtn6.id&#39;)。css(&#39; visibility&#39;,&#34; visible&#34;);

无法正常工作,因为#this.exportbtn6.id无法解析为双引号内的变量内容,所以我很确定此行不会执行任何操作。

正确执行此操作的方法是

jQuery(&#39;#&#39; + this.exportbtn6.id +&#39; .expbtn&#39;)。hide();

但由于问题不明确,我无法确定。如果我对你的问题的理解是正确的,那么上面这一行就可以了。请记住&#34;这个&#34;的价值。将根据上下文而有所不同,因此您可能会引用错误的&#34;这个&#34;。

答案 2 :(得分:0)

使用jQuery:

$("#"+this.expbtn6.id).hide();

我希望它有所帮助。