jQuery的傳遞參數與過濾語句包含子句

Question

在下面的方法我可以搜索的div類酒吧的文本foo和下劃線的文本包含在：

function UnderlineText() { 
    $(".bar").filter(":contains(foo)").css("text-decoration", "underline"); 
} 

但我想傳遞一個該方法的參數代替了字符串foo。

我已經試過各種排列在有關棄用.contains

前一個問題見過，但我不能得到它的工作。

達到此目的的最佳方法是什麼？

function UnderlineText(searchText) { 
    $(".bar").filter(":contains(*searchText*)").css("text-decoration", "underline"); 
} 

Answer 1

function UnderlineText(searchText) { 
    $(".bar").filter(":contains("+searchText+")").css("text-decoration", "underline"); 
} 

可以解決這個問題。

Answer 2

即使您設法讓選擇器工作，您將選擇整個包含元素（p，span，div等），因此使用簡單的css()調用將最終強調整個文本塊。要強調的特定部分，你將不得不使用這樣的：

function underline(query) { 
    $('.bar').filter(':contains("' + query+ '")').each(function() { 
    var html = $(this).html(); 
    html = html.replace(query, '<span style="text-decoration: underline">' + query + '</span>'; 
    $(this).html(html); 
    }); 
} 

這仍然不是很好，因爲雖然它在屬性可能更換查詢或諸如此類，但它是朝着越來越東西了一步分開強調。