表单提交后，jQuery .html方法返回损坏的代码

Question

我有以下HTML，我通过DOM获取并将其插入到wordpress中的隐藏表单中：

    <div class="main_class">
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-thumb">
                <img src="http://example.com/248916">
            </div>
        </div>
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-thumb">
                <img src="http://example.com/248915">
            </div>
        </div>
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-thumb">
                <img src="http://example.com/248917">
            </div>
        </div>
    </div>

我正在使用以下代码：

    $('body').on('click', function(){
        var temp = $('.main_class').html();
        $('myform').val(temp);
    });

问题出在我提交表格并查看实际表格结果之后，这就是我得到的结果：

    <div class="main_class">
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-thumb">
                <img>
            </div>
        </div>
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-thumb">
                <img>
            </div>
        </div>
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-thumb">
                <img>
            </div>
        </div>
    </div>

由于某种原因，图像src属性未被保存。我已经尝试了很多不同的方法，比如innerHTML，clone（）和其他方法，但似乎没有一个方法可以保存图像src属性。

我的问题是，在这种情况下，如何正确保存图像src属性。

由于

Answer 1

此活动最可能的解释是您的服务器端软件将危险字符转移到html实体以防止XSS攻击。如果你只想获得发送到服务器的图像的src属性，你可以在.attr('src')对象上使用jQuery＆＃39; $('.main_class img')来实现。