使用jQuery動態創建鏈接

Question

我試圖用jQuery在一個blockquote元素中創建一個鏈接。現在我在這個階段：

var pullQuote = $('span.pull-quote').each(function(){ 

    var $this = $(this), 
    hrefLink = 'http://example.com', 
    text = $this.text(); 

    $('<blockquote>', { 
     class: 'quote', 
     text: text 
    }).prependTo($this.closest('p')); 

}); 

會創建一個與文本動力學blockquote元素，但我想將文本鏈接塊引用的內部。 href不會改變，所以我可以在一個像我已經擁有它的變量中設置它。

我可以在blockquote中添加一些將創建標記的內容，以便我仍然可以使用set變量嗎？ （這是我一直在試圖做的）或者我需要運行這個函數，然後創建一個新的函數來處理添加鏈接？

Answer 1

$('<blockquote/>', { 
    class: 'quote', 
    html: $('<a/>', { 
     text: text, 
     href: hrefLink 
    )} 
}).prependTo($this.closest('p')); 

如果我理解你是對的，你只是想在blockquote中構造一個錨元素並給出文本和鏈接。

Answer 2

var $this = $(this); 
hrefLink = 'http://example.com'; 
text = $this.text(); 

var blockQ=$('<blockquote class="quote"> 
          <a href="'+hrefLink+'">'+text+'</blockquote>'); 
blockQ.prependTo($this.closest('p')); 

演示：http://jsfiddle.net/QGtYQ/5/