更改DOM元素的html内容并将其作为对象传递

时间:2017-03-21 13:46:28

标签: javascript jquery html css

我的html内容如下:

<div id="divParent">
    <div id="divChild">
        <table>
            <tr>
                <td>
                    <a href="sometext"></a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="sometext"></a>
                </td>
            </tr>
        </table>
    </div>
</div>

我需要获取divParent div的html内容并将其作为html传递给打印目的。
这可以通过$("#divParent").html()以相当简单的方式实现 我还需要更改锚标记文本。像这样的东西,例如document.getElementsByTagName("a").attr('href', '')
但我不想改变网页上的实际锚元素。我只想传递divParent html并更改了锚标记属性。 请帮忙

1 个答案:

答案 0 :(得分:4)

您可以创建一个.clone()元素,可以对其进行操作和传递以进行打印。

  

创建匹配元素集的深层副本。

var cloneElement = $("#divParent").clone();
cloneElement.find('a').attr('href', '')