1

私はこのような簡単なhtmlを持っています

<a href="" data-type="" data-id="" data-tags="" id="" class="">balrbalr</a>

の全内容を文字列として取得できるようにしたいと思い<a>ます。

私はあなたが.html内側のhtmlを取得するために使用できることを知っています、しかし私が使用する場合

var string = $('a').html();

戻ってきたら、balrblabrlabr

私が行った場合string = $('a').parent.html();

<a>親の中にすべてのを取得します。

それ自体の完全なhtmlコンテンツを取得するにはどうすればよいですか？

4

2 に答える 2

5

outerHTMLDOM 要素のネイティブ javascript プロパティを使用できます。

var string = $('a')[0].outerHTML;

ライブデモ

要素 DOM インターフェイスの outerHTML 属性は、その子孫を含む要素を記述するシリアル化された HTML フラグメントを取得します。指定された文字列から解析されたノードで要素を置き換えるように設定できます。

MDN

複数の要素の outerHTML を取得する場合は、次のmap例のように jQuery 関数を使用できます。

var str = $('#foo a').map(function() {
    return this.outerHTML;
}).get();

ライブデモ

于 2012-05-19T23:51:40.197 に答える
0

要素のIDを「a」に設定し、この関数を使用してください 

    function msg() {
        var attrib="";
        var el =document.getElementById('a');
        for (var i = 0; i < el.attributes.length; i++) {
            attrib = attrib + ' ' + el.attributes.item(i).nodeName + ' = "' + el.attributes.item(i).nodeValue + '"';
        }
        alert(attrib);
    }
于 2012-05-20T00:08:53.887 に答える