Как применить элемент jQuery к строковой переменной

Question

У меня есть некоторый html, извлеченный в строку var, и вы хотите использовать выбор элемента jQuery только на этой строке. Это возможно?

Например:

HTML:

<div class=message> 
    This is a message. Click <a class=link id=link1 href=example.com>here</a> 
</div> 

JQuery:

$('div.message').each(function(i, item) { 
    myHtml = $(this).html(); 
    //select <a> tag attributes here 
)}; 

Таким образом, в этом примере, я хочу, чтобы извлечь id и href из <a> тега в myHtml.

Благодаря

Answer 1

Если я правильно понимаю, у вас есть HTML-код в строковую переменную, и хотите запросить в этом?

// Suppose you have your HTML in a variable str 
var str = '<div class="message">This is a message. Click ' 
     + '<a class="link" id="link1" href="example.com">here</a></div>​​​​​​​​​​​​​​​'; 

// You query the DOM fragment created by passing the string to jQuery function. 
// $(<string>) - creates a DOM fragment (string must contain HTML) 
var anchor = $('a', $(str)); 

// Then you can retrieve individual properties and/or contents: 
var id = anchor.attr('id'); 
var href = anchor.attr('href'); 
var text = anchor.text(); 

Answer 2

Вы могли бы сделать что-то вроде:

var aID = $('div.message a.link').attr('id'); 
var aHREF = $('div.message a.link').attr('href'); 

Answer 3

Существует плагин JQuery (here), которые вы можете использовать, чтобы разобрать строку как XML DOM, а затем использовать JQuery для запроса его. Это должен быть XML, а не «расслабленный» вид XML, который вы иногда видите в HTML, хотя (т. Е. Вам нужны цитаты вокруг ваших значений атрибутов).

Answer 4

Если вам необходимо обработать несколько элементов в вашей структуре вы можете сделать это

$('div.message').each(function(i, item) { 
    // find desendant of the item using "find" 
    var alink = $(this).find('a.link'); 
    // Process the item 
    var id = alink.attr('id'); 
    var href = alink.attr('href'); 
)};