2

实际上我正在做的是找到<img>图像标签并获取其src属性来更改它们。

我已经到了这一点，但问题更多是：要取回editedhtml 源代码（放入数据库中。）

说得更简洁明了，我要抓取一些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 source从 jQuery 中得到这个？
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);

完成后，只需在 AJAX 请求中发送innerHTML(or ) 即可。.html()但是如果你想把这些东西放在数据库中，为什么不首先在服务器端操作源呢？

于 2012-06-26T12:21:45.037 回答