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

});

これにより、動的なテキストを含む blockquote 要素が作成されますが、テキストを blockquote 内のリンクに変換したいと考えています。href は変更されないので、既にあるように変数に設定できます。

設定変数を引き続き使用できる場所に、blockquote 内にタグを作成するものを追加できますか? (これは私がやろうとしていたことです) または、この関数を実行してから、リンクの追加を処理する新しい関数を作成する必要がありますか?

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 に答える