从字符串javascript / jquery中提取锚标记href

Question

我有一个需要从string extract 1st href的要求。

假设我这样输入一个字符串：

var LinkString="Google Link Is:<a href='www.Google.com' target='_blank' style='text-decoration:none; color:#000000;'>URL</a>";

现在，我需要从该string find all the anchor tags ，并extract the first anchor tag's href 。

我从这里开始跟踪此示例，并尝试从字符串中查找锚标记。

但是我无法获取第一个元素的href。

var LinkString="Google Link Is:<a href='www.Google.com' target='_blank' style='text-decoration:none; color:#000000;'>URL</a>";
    var output = LinkString.split(/(?=<a)/)[1];

我也尝试过根据output anchor tag creating a DOM element ，但是无法按照此处的步骤获取确切的href

我的要求是获取Google.com作为最终输出。

谁能帮我获得href？

Answer 1

您必须使用诸如div类的虚拟html元素将html字符串值放入其中，然后才能定位锚点以提取href：

 var htm="Google Link Is:<a href='www.Google.com' target='_blank' style='text-decoration:none; color:#000000;'>URL</a>"; var href = $('<div>').append(htm).find('a:first').attr('href'); console.log(href) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

您可以创建DOM元素，然后提取anchor

 var LinkString="Google Link Is:<a href='www.Google.com' target='_blank' style='text-decoration:none; color:#000000;'>URL</a>"; var firstAnchor = $('<div></div>').append(LinkString).find('a:first'); console.log(firstAnchor.prop('outerHTML')); //Get HTML console.log(firstAnchor.attr('href')); //Get href attribute console.log(firstAnchor.prop('href')); //Get href property 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 3

您可以通过jsfiddle这样操作 ：

var LinkString="Google Link Is:<a href='www.Google.com' target='_blank' style='text-dec`oration:none; color:#000000;'>URL</a>";

var dom = jQuery.parseHTML("<div>" + LinkString + "</div>");
console.log(dom);
console.log($(dom).find("[href]").attr("href"));

这将搜索具有href属性的dom元素，并打印找到的第一个href。