Question

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

我已经达到了这一点，但更多的问题是：将edited html源恢复（放入数据库）。

说更多简短＆amp;很明显，我要抓住一些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='' ..和
- 如何从jQuery中获取此whole edited html source？

Answer 1

修改每个图像的source属性，如下所示。你不需要写回html。源html将更新：

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

要获取容器的html源代码，请使用以下命令：

$("div.container").html();

Answer 2

这将设置属性：

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

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

jQuery更改元素属性并返回已编辑的Html源代码？

2 个答案: