0

すべて、jqueryloadメソッドの使用法に少し問題があります。それをレビューするのを手伝ってください。以下のようなソース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 に答える