开发者社区> 问答> 正文

jquery的find问题

在jquery中,使用find为什么对id不起作用?

如我的html是这样:

example

使用jquery代码.find("#example");再append没有效果,请问应该怎样写才能获取到id为example的内容?

我的意思是我想用ajax来获取网页的一部分内容,完整代码:

<html>
<head>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/1.4.4/jquery.min.js"></script>
<script>
 $("#button").live("click", function(){
 $.ajax({
 type: "POST",
 url: "",
 success: function(data){
 result = $(data).find("#example p");
 $("#example").append(result);
 }
 });
 return false;
 });
</script>
<div id="example"><p>example</p></div><button id="button">Load</button>
</body>
</html>

ajax的内容也是<div id="example"><p>example</p></div><button id="button">Load</button>

这样该怎么写来获取example?

展开
收起
小旋风柴进 2016-05-30 11:33:34 2065 0
1 条回答
写回答
取消 提交回答
  • example

    获取id为example的div用$('#example')
    获取div的内容使用$('#example').html()
    或者要获取类似example这样的可以使用$('#example').text()
    要获取input的值可以使用$('#example').val()
    最后find方法一般是用于获取子元素,比如获取div下的p的内容
    <div id="example">
    <p>example</p>
    </div>
    $('#example').find('p').text()

    你应该是想要这个效果吧:

    $.ajax({
     type: "POST",
     url: "",
     success: function(data){
     //result = $(data).find("#example p");
     //$("#example").append(result);
        $("#example p").text(data);// ?,如果data是HTML就用`.html()`;
         }
     });
     return false;
     });
    2019-07-17 19:20:17
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Delivering Javascript to World 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
JavaScript函数 立即下载