jQuery if 语句显示/隐藏答案

【问题标题】：jQuery if statement show/hidejQuery if 语句显示/隐藏
【发布时间】：2014-05-31 04:44:14
【问题描述】：

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

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

id 为 'purchaseNotice' 的 div 位于模板中，它还有一个框的样式类，但是我需要创建一个 if 语句来检查 id 'myModal' 是否存在，然后显示带有类的 'purchaseNotice' （否则）全部隐藏。

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

@UPDATE

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

仅当 id 'myModal' 存在时，尝试创建 if 语句以显示 'infobox' 的样式，否则隐藏。

【问题讨论】：

添加一个类？你不能只使用$("#purchaseNotice").attr("class", "asdf") 或addClass()？

标签： javascript jquery if-statement innerhtml

【解决方案1】：

尝试：

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

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

【讨论】：

【解决方案2】：

你的意思是：

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

【讨论】：

【解决方案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();
}

【讨论】：

【解决方案4】：

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

Here 是一个小提琴/示例。

【讨论】：