我想做的是将“在页面中查找”功能添加到我正在处理的网页中。我正在使用 Highlight plugin以突出显示搜索词。您可以在 this fiddle 上看到基本演示版本。
突出显示插件添加了一个带有“突出显示”类的跨度。当您重复按“查找”按钮时,我想滚动到每个“突出显示”类。最好、最简单的方法是什么?我尝试了 next() 但无法让它工作。
function findText(str){
searchTerm = str;
$(".col-xs-8").unhighlight();
$(".col-xs-8").highlight(str);
$('html, body').animate({
scrollTop: $(".highlight").offset().top
}, 100);
}
最佳答案
检查this fiddle 。
我添加了以下代码,并且对 CSS 进行了一些更改。这解决了你的问题吗??
function findText(str){
searchTerm = str;
$(".col-xs-8").unhighlight();
$(".col-xs-8").highlight(str);
$('html, body').animate({
scrollTop: $(".highlight").eq($('.hide').val()).offset().top
}, 100);
$('.hide').val(parseInt($('.hide').val())+1);
}
关于javascript - Jquery选择下一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26373978/