javascript - jQuery:获取链接的 html 代码

Question

我想在不使用正则表达式的情况下从 div 获取 html 链接。

例如:

<div>Please check your links to ensure they point to the correct article.For example, <a href="http://en.wikipedia.org/wiki/Apple">Apple</a> points to the article about the fruit, while <a href="http://en.wikipedia.org/wiki/Apple_Inc.">Apple Inc.</a> is the title of the article about the consumer electronics manufacturer. </div>

我只想复制和写入。

HTML:

<a href="http://en.wikipedia.org/wiki/Apple">Apple</a> and <a href="http://en.wikipedia.org/wiki/Apple_Inc.">Apple Inc.</a>

<小时/>我尝试使用:

$('div a').each(function () {
     $(this).html();
});

但这不起作用。

Answer 1

您可以使用 outerHTML 属性映射它，然后加入数组:

var html = $('div').children('a').map(function(){
    return this.outerHTML;
}).get().join(' and ');

-jsFiddle-

为了专门处理多个 DIV，您可以使用:

$('div:has(a)').each(function () {
    this.innerHTML = $(this).children('a').map(function () {
        return this.outerHTML;
    }).get().join(' and ')
});

-jsFiddle-