2

検索行でテキストとスクロールを検索したい。見つかった<h3>タグ行にスクロールするためのこのコードを開発できません。

jQuery:

$('#searchfor').keyup(function(){
         var page = $('#all_text');
         var pageText = page.text().replace("<span>","").replace("</span>");
         var searchedText = $.trim($('#searchfor').val());
         var theRegEx = new RegExp("("+searchedText+")", "igm");    
         var newHtml = pageText.replace(theRegEx ,"<span>$1</span>");
         page.html(newHtml);
    });

HTML:

<input type="text" id="searchfor"/>
<p id="all_text">
<h3>LINE 1</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euism modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinci futurum.<b>EX1</b><br/>
<h3>LINE 2</h3>        
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euism modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinci futurum.<b>EX2</b><br/>
.
.
.
<h3>LINE 100</h3>        
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euism modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinci futurum.<b>EX100</b><br/>
</p>
4

1 に答える 1

-1

追加したスパンまでスクロールしますか<span>$1</span>

 $("span").scrollintoview();

スパンがすでに表示領域にある場合はスクロールしないことに注意してください。

Upadate 前にプラグインについて言及するのを逃しました。これはプラグインページへのリンクです

于 2012-12-31T20:51:54.533 に答える