錯誤使用jQuery包含（）

Question

下面的語句產生錯誤：

TypeError: $(...).children(...).contains is not a function

$('.woocommerce-checkout .shop_table tr.cart_item dl.variation').each(function() { 
    if ($(this).children('.variation-Billing').contains("Once Off")) { 
     $(this).children('.variation-Billing').contains("Once Off").show().siblings('.variation-Billing').show(); 
    } 
}); 

我做了什麼錯？

Answer 1

錯誤是正確的; 'contains'不是一種方法 - 它是一個選擇器，使用:contains()。

另請注意，if語句應檢查jQuery對象的length屬性以查看是否找到任何元素。試試這個：

$('.woocommerce-checkout .shop_table tr.cart_item dl.variation').each(function() { 
    var $oneOffBillings = $(this).children('.variation-Billing:contains("Once Off")'); 
    if ($oneOffBillings.length) { 
     $oneOffBillings.show().siblings('.variation-Billing').show(); 
    } 
});