jquery将内容添加到不存在的div中？

Question

我的问题是,我有一个页面有一个jquery函数,当提交文本时,它将文本内容放入#post div.

但是这个jquery在其他5个页面中使用,在这个页面中我没有#post div来放置它的内容.对我正在做的事情来说,这是有目的的.

$('#submit').click(function (e) {
    var form = $('#form32');
    var submit = $('#submit');

    $.ajax({
      url: '/p.php',
      type: 'POST',
      cache: false,
      data: form.serialize(),
      success: function(data){
          $(data).hide().prependTo('#post').fadeIn(1000);
      },
    });
});

我的问题很简单,我可以在没有#post div的页面中继续使用这个脚本吗？或者它可能会导致一些最终的奇怪错误？

Answer 1

我倾向于使用这个概念:

var $elem = $('#element');
if ($elem.length) {
    // I can use $elem!
    $elem.appendTo($otherElem);
}

适用于您的示例:

var $post = $('#post');
if ($post.length) {
    $(data).hide().prependTo($post).fadeIn(1000);
}

(这样可以避免任何不必要的控制台错误/日志/等)