javascript - 如何使用 javascript 从大 html 字符串中提取所有超链接标题？

Question

我得到一个 HTML 字符串作为 :var 代码；我想提取这个大字符串中的所有超链接标题值并将它们放在文本区域中。我尝试了以下但它从来没有奏效。谁能告诉我我做错了什么？

要查找的示例超链接(我想提取芒果、樱桃等):

 <a href="/season/">mango</a>
 <a href="/season/">cherry</a>

我的代码字符串有如下数据 block :

<div class="details">
    <div class="title">
      <a href="/season/">mango</a>
      <span class="type">3</span>
    </div>

  </div>

完整代码:

$.getJSON('http://anyorigin.com/get?url=http://asite.com/getit.php/&callback=?', function(data){

    //$('#output').html(data.contents);

 var siteContents = data.contents;    

//writes to textarea 
 document.myform.outputtext.value = siteContents ;


var start = siteContents.indexOf('<ul class="list">');
var end = siteContents.indexOf('<ul class="pag">', start);
var code = siteContents.substring(start, end);
 document.myform2.outputtext2.value = code ;

 var pattern = /<a href="([^"]+?)">([^<]+?)<\/a>/gi;
    code = code.match(pattern);
    for (i = 0; i < code.length; i++) {
        document.write($2<br />'));
    }

});

</script>

Answer 1

看起来您正在尝试使用正则表达式解析 HTML。 This post有关于该主题的更多信息。

因为这个问题被标记为 jQuery，你可以尝试类似下面的东西......

从返回的 HTML 中创建一个 jQuery 对象:

$markup = $(data.contents);

寻找 anchor :

$anchors = $markup.find('a');

获取文本(或您想要的任何属性):

arrText = [];
$anchors.each(function() {
    arrText.push($(this).text());
});

将结果放入文本区域:

$textarea.val(arrText.join(','));