Question

我找到了一个很棒的jQuery高亮插件，但我需要一些修改。我的HTML看起来像：

这是一些文字

这是一些不同的文字

等。很多行

我想修改this插件，就像有人在页面上搜索某个单词一样，隐藏内容div中的所有段落，只显示包含突出显示文本的内容。或者，当有人搜索课程时，其他div就像＆＃34;隐藏＆＃34;或者其他的东西。谢谢你的帮助

Answer 1

找到答案...... 我修改了这样的javascript：

$(function() {
jQuery('#text-search').bind('keyup change', function(ev) {
    // pull in the new value
    var searchTerm = jQuery(this).val();

    // remove any old highlighted terms
    jQuery('.toggle').removeHighlight();

    // line to remove the hidden class
    jQuery( ".toggle p" ).removeClass( "hidden" )

    // disable highlighting if empty
    if ( searchTerm ) {
        // highlight the new term
        jQuery('.toggle').highlight( searchTerm );

        //line to add the hidden class
        jQuery('.toggle p:not(:contains('+ searchTerm +'))').closest('p').addClass('hidden');
    }
});

jQuery highlight.js修改

1 个答案: