如何使用jQuery从目标DOM元素中提取HREF链接

你已经通过原生JS获取到了目标DOM元素urls，接下来用jQuery提取其中a标签的href可以这么做：

方法一：分步处理 #

// 将原生DOM对象转换为jQuery对象
var $targetElement = $(urls);
// 在目标元素内部查找a标签，获取它的href属性
var hrefLink = $targetElement.find('a').attr('href');
// 输出结果
console.log(hrefLink);

方法二：一步到位 #

如果觉得分步麻烦，也可以直接链式调用：

var hrefLink = $(urls).find('a').attr('href');
console.log(hrefLink);

补充说明 #

如果目标元素内可能存在多个a标签，想要确保获取第一个a标签的href，可以加上.first()：

var hrefLink = $(urls).find('a').first().attr('href');

另外要注意，必须确保你的页面已经引入了jQuery库，否则上述代码无法正常运行。

内容的提问来源于stack exchange，提问作者Trada Lalit