使用jQuery从html中提取href

Question

我试图从锚点获取href的值。代码如下所示

var html = "<a href=' http://path/to/file.pdf'>File</a&gt ;";
alert(jQuery("a",html).attr("href"));

我得到的唯一输出“未定义”。 我想获得“http://path/to/file.pdf”。

任何帮助，非常感谢。

Answer 1

尝试：

jQuery(html).attr('href'); 

或者，如果<a>标签是在HTML超过你的例子更深：

jQuery(html).find('a').attr('href'); 

的jQuery()功能将转换HTML字符串转换为DOM对象，并返回一个jQuery对象包含他们为你。

Answer 2

你的代码看起来应该像做它的工作原理，只要你想：

var html = "<a href='http://path/to/file.pdf'>File</a>"; 
alert($(html).attr("href")) 

Answer 3

要解释为什么你的方法是行不通的 - 当你做jQuery("a",html)，您正在搜索的上下文内的元素元素存储在HTML中。

目前唯一的内容是文件文本。例如，如果你的字符串被封装在一个div中，它就可以工作。 <div><a href='...'>File</a></div>

---

我假设你有一些其他的原因，创建一个jQuery对象。如果没有，并且你不想额外的开销，你可以使用正则表达式。

例子：http://jsfiddle.net/e3Gyc/

var html = "<a href='http://path/to/file.pdf'>File</a>"; 

var result = html.match(/href='([^']+)'/)[1]; 

否则，答案是gnarf和Dzida给都非常优秀。