Wie man jQuery Element Auswahl auf eine String-Variable anwenden

Question

Ich habe einige HTML extrahiert in eine Zeichenfolge var, und wollen dann jQuery Element Auswahl nur für diese Zeichenfolge verwenden. Ist das möglich?

Zum Beispiel:

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 
)}; 

So in diesem Beispiel möchte ich die id und href aus dem <a> Tag extrahieren in myHtml.

Dank

Answer 1

Wenn ich es richtig verstehe, können Sie HTML-Code haben in einer String-Variablen, und innerhalb dieser abfragen möchten?

// 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

Sie so etwas wie tun könnte:

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

Answer 3

Es ist ein jQuery-Plugin (here), dass Sie einen String als XML-DOM zu analysieren und dann mit jQuery es zur Abfrage verwenden können. Es muss XML sein, nicht die "entspannte" Art von XML, die Sie manchmal in HTML sehen (d. H. Sie benötigen Anführungszeichen um Ihre Attributwerte).

Answer 4

Wenn Sie mehrere Elemente innerhalb Ihrer Struktur verarbeiten müssen Sie diese

$('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'); 
)};