2

我正在尝试使用 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'));

});

这将创建带有动态文本的块引用元素，但我想将文本转换为块引用内的链接。href 不会改变，所以我可以将它设置在一个变量中，就像我已经拥有它一样。

我可以添加一些东西来在块引用内创建 a 标签到我仍然可以使用设置变量的地方吗？（这是我一直在尝试做的）还是我只需要运行这个函数然后创建一个新函数来处理添加链接？

4

2 回答 2

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

如果我理解正确，您只是想在块引用中构造一个锚元素并给出文本和链接。

于 2012-10-17T16:50:40.020 回答
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'));

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

于 2012-10-17T16:51:04.167 回答