从字符串Jquery获取href链接

Question

我有一个字符串

<a href="http://google.com">http://google.com</a> This is a good page

我尝试只获得http://google.com，但我不能。

请给我一些解决方案，谢谢。

Answer 1

或者如果你想要jQuery版本：

let string = $('a').attr('href');

Answer 2

试试这个

获取价值：

$('a').attr('href');

替换链接：

$("a").attr('href','javascript:void(0)');

获取文字：

$("a").text();

Answer 3

首先，您必须使用this question中的一种技术将字符串转换为DOM元素。 （我使用accepted answer，但您应该选择最适合您用例的那个。）

var str = '<a href="http://google.com">http://google.com</a> This is a good page';
var div = document.createElement('div');
div.innerHTML = str;

然后，您可以使用常规JavaScript DOM方法操作元素。在这里，我使用jQuery：

$(div).text(); // "http://google.com This is a good page"
$('a', div).attr('href'); // "http://google.com"

最后一点：在使用HTML字符串时要小心！如果您将不受信任的HTML放入网页的DOM中，则会产生cross-site scripting漏洞。如果你控制JSON数据的来源，那么只发送你需要的字符串而不是HTML字符串是个好主意 - 这样你就可以避免完全解析HTML。

Answer 4

尝试以下js代码，

以下代码正在运行但不推荐，

$('a').attr('href');


$("a").attr('href','javascript:void(0)');

Get the text :

$("a").text()