2

実際に私がやっていることは、<img>画像タグを見つけて、そのsrc属性を取得して変更することです。

私はすでにこの点に到達しましたが、問題はさらに次のとおりですedited。html ソースを取得する (データベースに入れる)。

より簡潔で明確に言うと、いくつかを取得してからDynamic Html Containers、画像パスを変更し、ソース チャンク全体を保存しようとしています。

簡単な例として、これで内部$(div.container).html()を検索すると：

<div class="container">
    <..> .. </..>
    <..>
        <img src="images/apple.jpg" />
        <..>
            <img src="images/banana.jpg" />
        </..>
    </..>
</div>
  • まず、これまで認識でき<..>なかった html タグを表すとしましょう。

それから私は得るでしょう：

var dom_contents = $("div.container").html();
  • 今、私はhtml sourceターゲットコンテナの中にオリジナルを持っています<div>
  • <img src次に、それぞれのsample/フォルダーを変更する必要があるとしましょう。それはfruits/apple.jpgそしてfruits/banana.jpg...などになります。

私はまだ次のようなものをいくつか取得しています：

$("div.container).each(function() {
    var arr = $(this).find("img");
    for (var i=0; i<arr.length; i++) {
        var img_src = $(arr[i]).attr("src");
        /*
         * I NEED TO CHANGE THE IMAGE SRC HERE
         */
    }
});

  • ** 最後に、編集した HTML ソース全体をデータベースに保存する必要があります。**

    • <img src=''では、 ..とを変更するにはどうすればよいですか
    • whole edited html sourcejQuery からこれを取得するにはどうすればよいですか?
4

2 に答える 2

2

各画像のソース属性を次のように修正します。html を書き戻す必要はありません。ソース html が更新されます。

$("div.container").each(function() {
    $(this).find("img").each(function() {
        $(this).attr("src", "/image/url/file.png");
    });
});

コンテナーの html ソースを取得するには、次を使用します。

$("div.container").html();
于 2012-06-26T12:20:58.353 に答える
1

これにより、属性が設定されます。

$(arr[i]).attr("src", mynewsrcvalue);

完了したら、innerHTML(または.html()) を AJAX リクエストで送り返すだけです。しかし、データベースにこのようなものが必要な場合は、そもそもサーバー側でソースを操作してみませんか?

于 2012-06-26T12:21:45.037 に答える