JQuery -从变量中的HTML字符串中获取attr/text

JQuery - get attr/text from HTML string in a variable

本文关键字:获取 attr text 字符串 变量 JQuery HTML      更新时间:2023-09-26

我有一个HTML字符串,我正在通过一个函数,我希望能够从函数内部执行该变量的Jquery方法-如.attr('href').text()。我相信有一个简单的解决方案,比临时附加DOM更优雅。

<div class="here"></div>
Javascript

link = '<a href="http://www.google.com">Google</a>';
// This works
$('.here').html(link);
works = $('.here').text();
console.log(works);
// This doesn't
not = link.text();
console.log(not);
http://jsfiddle.net/dfgYK/

您需要从link创建一个jQuery对象,以便在其上使用jQuery方法。试一试:

not = $(link).text();
演示:

http://jsfiddle.net/dfgYK/1/

根据您对link所做的事情,在代码的早期这样做可能是有益的,这样您就可以使用以下内容:

var $link = $(link);
console.log(link.text());

你可以通过传入一个字符串来创建一个不属于DOM的jQuery对象:

link = $('<a href="http://www.google.com">Google</a>');

然后,jQuery方法将对它起作用:

var text = link.text();

用jQuery创建链接:

var link = $('<a />', {
    href: "http://www.google.com",
    text: "Google"
});

然后你可以像你想的那样使用link.text()来访问它的属性