当前位置:  开发笔记 > 编程语言 > 正文

如何使用jQuery添加DOM元素?

如何解决《如何使用jQuery添加DOM元素?》经验,为你挑选了1个好方法。

我有一个功能,我目前正在使用它来显示隐藏的div.a_type

如何修改此代码,以便不是在隐藏div中淡入,我可以将新div添加到DOM

jQuery(function(){   // Add Answer

    jQuery(".add_answer").click(function(){
      if(count >= "4"){
        alert('Only 4 Answers Allowed');
        }else{
      var count = $(this).attr("alt");
      count++;
      $(this).parents('div:first').find('.a_type_'+count+'').fadeIn();
      $(this).attr("alt", count);
    }

    }); 

});

好的,既然我已经解决了这个问题,我还有一个问题,

我有另一个函数,如果单击一个按钮,将删除插入的div.现在它没有工作,额外的div没有加载到页面加载的dom.我如何触发功能现在删除这些?

jQuery(function(){//隐藏答案

jQuery(".destroy_answer").click(function(){
  $(this).parents("div:first").fadeOut(function (){ $(this).remove() });
   var count = $(this).parents('div:first').parents('div:first').find('.add_answer').attr("alt");
   count--;
   $(this).parents('div:first').parents('div:first').find('.add_answer').attr("alt", count);

}); 

});



1> Pim Jager..:

如何在最后一个div之后添加它.

$('.a_type:last').insertAfter('
content
');

编辑
你可以通过对somefile.php的AJAX调用获取信息,然后somefile应该在div中返回你想要的内容:

$.get('path/to/somefile.php', function(data){
 $('.a_type:last').insertAfter('
' + data + '
'); });

Somefile.php应该是这样的:


编辑
好的,试试这个:

jQuery(function(){ // Add Answer

jQuery(".add_answer").click(function(){
  if(count >= "4"){
    alert('Only 4 Answers Allowed');
    }else{
  var count = $(this).attr("alt");
  count++;
  $('.a_type_'+count-1+'').insertAfter(' 
       Place content back here');
  $(this).attr("alt", count);
}

});

});

如果你仍然需要,只需混合使用AJAX即可.

推荐阅读
mylvfamily
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有