Извлечение href из html с помощью jQuery

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

Try:

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 дали отличные.