专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > Ajax

JQuery目前的子选择器不起作用

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
JQuery当前的子选择器不起作用
本帖最后由 rs100 于 2015-09-04 17:24:42 编辑
是想jquery提交之后显示在页面的div里面,用 $(".huif:visible").append(data);可以实现效果,但是 $(this).find(".huif").append(data); 不能,请大神帮忙看一下,谢谢!

jquery代码

$(function(){
      $('form[class=huifang]').submit(function(e){
 e.preventDefault();
         $.ajax({
                cache: true,
                type: "POST",
                url: "huifang.php",
                data:$(this).serialize(),
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
  // $(".huif:visible").append(data);  这个可以成功  
   $(this).find(".huif").append(data);
                }
            });
       });
 });


html代码

<form class="huifang" method="post" action="">
<div class="huif">
   提交之后显示在这里
</div>
回访:<textarea name="huifang" class="input"></textarea>
<p align="center"><input type="submit" class="submit" name="submit" value="提交"></p>
</form>

------解决思路----------------------
你试下在function里看this是什么呢,反正肯定不是document
------解决思路----------------------
$(function(){
      $('form[class=huifang]').submit(function(e){
var _THIS =  $(this);
         e.preventDefault();
         $.ajax({
                cache: true,
                type: "POST",
                url: "huifang.php",
                data:$(this).serialize(),
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                  // $(".huif:visible").append(data);  这个可以成功  
                  _THIS.find(".huif").append(data);
                }
            });
       });
 });
------解决思路----------------------
success: function(data) 里面的this已经与submit()里面的不是一个对象了
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: