Question

我有两个div与一些＆＃39; deafult＆＃39;内容。当我点击链接时，它会更改该div的html。所以我将div html重置为初始内容。

示例：

robertson :: Integer -> Integer -> Integer -> Integer
robertson tag monat jahr = d + tag + 77 +e + (b `quot` 400) - 2 * (b `quot` 100) `mod` 77 where

                        a = monat + 10
                        b = ((monat - 14) `quot` 12) + jahr
                        c = a - 12 * (a `quot` 13)
                        d = (( 13 * c - 1) `quot` 5)
                        e = 5 * ( b `mod` 100) `quot` 4

因此，当我点击添加时，jQuery会附加一些HTML，当我点击重置时，它应该会返回旧的html div内容。

有什么想法吗？

Answer 1

也许你应该在设置新的html之前保存旧的HTML。

var old_html = $("#click1_div").html();

然后使用old_html值重置innerhtml：

$("#click1_div").html(old_html);

Answer 2

示例：http://jsfiddle.net/WebJedi/4Lz43nco/1/

$(document).ready(function() {
    var isChanged = false,
        $clickDiv = $('#click1_div'),
        defaultText;

    $('#click1').on('click', function(e) {
        e.preventDefault();

        if(!isChanged) {
            defaultText = $clickDiv.html();
            isChanged = true;
            $clickDiv.html('<strong>CHANGE TEXT</strong>');
        } else {
            alert('div is already changed');
        }
    });

    $('#click2').on('click', function(e) {
        e.preventDefault();

        if(isChanged) {
            $clickDiv.html(defaultText);
            isChanged = false;
        } else {
            alert('no change detected');
        }
    });
});

Answer 3

array(
  'image' => array(
    'fileIsImageNotReadable' => 'File has to be valid image'
    'fileExtensionNotFound' => 'Image extension has to be png,jpg or jpeg'
    'fileSizeNotFound' => 'Maximum file size for image is 2MB'  
  )
);

http://codepen.io/mbrillaud/pen/doPRBL

Answer 4

我会将原始html添加到单击重置按钮时要使用的变量。类似的东西：

//save original html of div
var originalHtml = $('#click1_div').html();

//when click on reset button, restore html
$('#click2').on('click', function(e){
    e.preventDefault();
    $('#click1_div').html(originalHtml);
});

Answer 5

试试这个，.html()将获取旧的html内容，将其保存到变量中，同一.html()方法将用新内容替换旧内容：

$(document).ready(function(){
  var old="";
  $("#click1").click(function(){
    old=$("#click1_div").html();
    $("#click1_div").html("asdfad");
  });

  $("#click2").click(function(){
    $("#click1_div").html(old);
  });
});

DEMO FIDDLE

Answer 6

在页面的某个位置添加此功能（最好在）

function clearBox(elementID)
{
    document.getElementById(elementID).innerHTML = "";
}

然后在点击事件

上添加按钮

<button onclick="clearBox('cart_item')" />

在JQuery中（供参考）

如果你更喜欢JQuery，你可以这样做：

$("#cart_item").html("");

Answer 7

如果不存储初始值，则无法重置内容。你可以做这样的事情：

var initialContent;

$("#click1").click(function() {
    initialContent = $("#click1_div").html();

    // replace content here
}

重置后你可以把它写回div：

$("#click2").click(function() {
    $("#click1_div").html(initialContent);
}

重置div的内容

7 个答案: