如何从jQuery中的元素中提取href?

Posted

技术标签:

【中文标题】如何从jQuery中的元素中提取href?【英文标题】:How to extract href from element in jQuery? 【发布时间】:2020-06-18 14:28:16 【问题描述】:

我正在尝试从 html 元素中提取 href 和名称。

    var $row = $(this).closest("tr");
    var $link = $row.find("td").eq(0).html();
    var $website = ????
    var $vendor = ????

$link 返回<a href="https://<website>/" target="_blank">'vendor name'</a>

我希望 $website 返回 https://<website>/ 和 $vendor 返回 vendor name

【问题讨论】:

【参考方案1】:
var $row = $(this).closest("tr");
var $link = $row.find("td").eq(0).find('a'); // .html() returns a string, you don't want it. You want the jQuery reference of the link, so you can call jQuery methods on it
var $website = $link.attr('href');
var $vendor = $link.text();

【讨论】:

这可行,但 href 显示为未定义? 想通了!只需添加 var $website = $link.find("a").attr("href"); 是的,如果 a 当然在 td 内(更新):)

以上是关于如何从jQuery中的元素中提取href?的主要内容,如果未能解决你的问题,请参考以下文章

前端关于jquery一些总结

使用 jQuery 更改表格元素内容

如何使用 Ajax 和 Jquery 从 PHP 数据库中提取信息,并使用该信息填充元素?

jQuery中的map()方法

使用jQuery将HTML表中的整列数据提取到数组中

jQuery如何从字符串中提取某一数字