-1

javascriptを使用してテキストをリンクに置き換える機能を構築しようとしています。

ここに私が参照するいくつかのサンプルhtmlがあります：

<div class="linkify">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="http://...">Nullam elit</a> risus, blandit eu pretium quis, porta a odio. Nullam rhoncus, lectus ac faucibus rutrum, dui massa dignissim nisi, ut auctor ipsum mi eget justo. Nam nec leo eget neque viverra pulvinar a aliquet lorem. Suspendisse sodales odio pretium lacinia pharetra. Donec at sapien a eros fermentum vehicula at sagittis felis. Proin eu venenatis leo. Phasellus volutpat auctor leo, ac dignissim risus fringilla eget.</p>
</div>

「linkify」クラス内で名前付きのテキストを見つけて<a>タグでラップしたいのですが、親タグがすでに<a>.

私はjqueryがあまり得意ではなく、Googleで答えを見つけることはかなり具体的な要件ですが、このjqueryステートメントを作成する方法を知っている人はいますか?

ありがとう

4

3 に答える 3

0

これを試して

function replaceToLink(str,href) {
    $('.linkify :contains("' + str + '")').html(function () {
        var check = $('.linkify a:contains("'+str+'")');
        if(check.length ==0){           
        return $(this).html().replace(str, "<a href='"+href+"'>" + str + "</a>")
        }
    });
}

このように使用してください

replaceToLink('nisi','http://google.se');

デモ

于 2013-09-30T14:50:28.993 に答える
0

このソリューションは、任意の文字列セットに対して機能します。

var matches = ['Nullam elit', 'pretium quis', 'venenatis leo'];

$('.linkify').each(function(idx, el) {
    $.each(matches, function(idx, val) {
        if ($(el).html().indexOf(val) !== -1) {
               $(el).html($(el).html().replace(val, '<a href="#whatever">' + val + '</a>'));
        }
    });
});

$('a a').unwrap(); 
$('a:empty').remove();

jsFiddle - http://jsfiddle.net/CTzNU/

于 2013-09-30T14:57:57.587 に答える
0

このようなものはどうですか？

$('.linkify').each(function(k, v){

    var text = $(v).find('p').text();

    if(text.indexOf('pieceoftext') > -1){

         var $p = $(v).find('p'),
             newHtml = $p.html()
                        .replace('pieceoftext', '<a href="#">pieceoftext</a>');

         if(!$(v).parent().is('a')){
             $p.html(newHtml);
         }
    }
});

はindexOf少し過剰です。読みやすくするために追加しました。

http://jsfiddle.net/xvwMc/4/

于 2013-09-30T14:44:24.940 に答える