Question

我有一个这样的代码，它将文本内容复制到另一个div。

 var MyDiv1 = document.getElementById('myModal');
 var MyDiv2 = document.getElementById('purchaseNotice');
 MyDiv2.innerHTML = MyDiv1.innerHTML;

带有id＆＃39; purchaseNotice＆＃39;的div在模板中，它还有一个样式类的盒子，但是我需要创建一个if语句来检查id＆＃39; myModal＆＃39;存在然后显示＆quot; purchaseNotice＆＃39;用class（else）隐藏它。

如果有一种方法可以在复制到＆＃39; purchaseNotice＆＃39;的文本之间添加带有类的div。这将解决我的问题。

@UPDATE

这是我所拥有的链接： http://jsfiddle.net/A9FE8/

尝试制作一个if语句来显示＆＃39;信息框的样式。只有当id＆＃39; myModal＆＃39;存在，否则隐藏。

Answer 1

尝试：

var myDiv1 = $('#myModal'),
    myDiv2 = $('#purchaseNotice');

if (myDiv1.get(0)) { // div exists
  myDiv2.html(myDiv1.html()).show();
} else {
  myDiv2.hide();
}

Answer 2

你的意思是：

if( $("#myModal").length ) { //check if div with id "myModal" exists
  $("#purchaseNotice").addClass("some_class").show();
}
else {
   $("#purchaseNotice").hide();
}

Answer 3

试试这个，

<强>的Javascript

var MyDiv1 = document.getElementById('myModal');
if(MyDiv1.length) {
   document.getElementById('purchaseNotice').style.display='block';
   document.getElementById('purchaseNotice').innerHTML= MyDiv1.innerHTML
} else {
   document.getElementById('purchaseNotice').style.display='none';
}

<强> Jquery的

if($('#myModal').length) {
   $('#purchaseNotice').html($('#myModal').html()) // set html
                       .show(); // show purchaseNotice div
} else {
   $('#purchaseNotice').hide();
}

Answer 4

您可以通过elem.style.display = true; /*show*/或elem.style.display = false; /*hide*/显示/隐藏它，而不是将一个div复制到另一个div来展示它;

Here是一个小提琴/例子。

jQuery if语句显示/隐藏

4 个答案: