0

load所有，我对 jquery方法的使用有一点问题。请帮助审查它。假设您有如下所示的源 html（url 是 Templetes/templetesList.html）。

<html>
<head></head>
<body>
    <ol id="layoutol">
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/e6a9bb54da25102b9a032db401e887ec.PNG" /></li>
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/a709bb54da25102b9a032db401e8aded.PNG" /></li>
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/cad4bb54da25102b9a032db401e855a.PNG" /></li>
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/12344bb54da25102b9a032db401edddd.PNG" /></li>
    </ol>
</body>
</html>

脚本如下所示。

$("#layoutol").load("templetes/templetesList.html li",function(data){alert(data);});

正如文档所说，数据将是响应文本。

但是为什么我得到了所有的 html 内容而不是li内容？我的意思是我只需要那个li部分。

        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/e6a9bb54da25102b9a032db401e887ec.PNG" /></li>
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/a709bb54da25102b9a032db401e8aded.PNG" /></li>
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/cad4bb54da25102b9a032db401e855a.PNG" /></li>
        <li class="ui-state-default"><img alt=""
            src="templetes/thumbnails/12344bb54da25102b9a032db401edddd.PNG" /></li>

我错过了什么 ？谢谢。

4

1 回答 1

3

以这种方式发布选择器.load确实只会将所选内容加载到您的目标中，但响应文本仍将是完整请求的响应文本。发生的情况是提交了对整个文档的请求，并且与您的选择器匹配的内容被事后过滤掉了。这不会影响响应文本的内容。

演示

请注意如何仅将li元素加载到列表中，但整个源都已登录console.log

于 2013-03-08T08:51:07.367 回答