Dynamical Creating Links with jQuery

Question

I'm trying to create a link within a blockquote element with jQuery. Right now I'm at this stage:

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

});

That creates the blockquote element with the text dynamical but I want to turn the text into link inside of the blockquote. The href isn't going to change so I can set that in a variable like I already have it.

Can I add something that will create the a tag inside of the blockquote to where I can still use the set variables? (Which is what I've been trying to do) Or do I need to just run this function and then create a new function which would handle adding the link?

Ohgodwhy · Accepted Answer · 2012-10-17 16:50:40Z

3

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

If I understood you right, you just wanted to construct an anchor element within the blockquote and give that the text and the link.

answered Oct 17, 2012 at 16:50

Ohgodwhy

50.9k11 gold badges86 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shyju · Accepted Answer · 2012-10-17 16:56:10Z

0

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

Demo : http://jsfiddle.net/QGtYQ/5/

edited Oct 17, 2012 at 16:56

answered Oct 17, 2012 at 16:51

Shyju

220k106 gold badges420 silver badges498 bronze badges

Collectives™ on Stack Overflow

Dynamical Creating Links with jQuery

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related