檢查元素是否包含JavaScript或jQuery中的三個字符串之一

Question

當DOM准備就緒時，我想檢查頁面上的元素是否包含三個字符串之一。 目前，我正在這樣做，但是由於indexOf通常與數組結合使用，因此無法正常工作：

jQuery('li.woocommerce-order-overview__payment-method.method')[0].innerHTML.indexOf('iDEAL' || 'Sofortbanking' || 'Bancontact / MisterCash') > 1

如何以最有效的方式重寫此代碼，以檢查元素是否包含三個字符串之一？

Answer 1

var html = ...
var match = new Array('iDEAL' , 'Sofortbanking' , 'Bancontact / MisterCash');
var found = false;
for(var i=0;i<3;++i){
    if(html.indexOf(match[i])!=-1){
        found = true;
    }
}
//use `found`

Answer 2

這是我的嘗試。

 var html, salient; html = $("li.woocommerce-order-overview__payment-method.method").html(); salient = [ "iDEAL", "Sofortbanking", "Bancontact / MisterCash" ]; for (i = 0; i < salient.length; i++) { if (html.indexOf(salient[i]) !== -1) { // it contains string i } } 

或者，如果您想使用RegEx，則不一定更好：

 var html; html = $("li.woocommerce-order-overview__payment-method.method").html(); if (html.match(/(?:iDEAL|Sofortbanking|Bancontact.*MisterCash)/)) { // it contains one of those strings } 

Answer 3

如果要獲取存在的Stein，請使用match功能。

如果您只想檢查它是否存在，請在JavaScript中使用test

/(iDEAL|Sofortbanking|Bancontact|MisterCash){1,}/.test(
      jQuery('li.woocommerce-order-overview__payment-method.method')[0].innerHTML);

正則表達式

/(iDEAL|Sofortbanking|Bancontact|MisterCash){1,}/

將匹配該單詞的1個或多個出現

Answer 4

您可以使用針陣列，然后使用Array.some檢查元素是否包含其中的任何一個

let needles  = ['iDEAL', 'Sofortbanking', 'Bancontact', 'Bancontact / MisterCash'];
let haystack = $('li.woocommerce-order-overview__payment-method.method').html();
let result   = needles.some( needle => haystack.includes( needle ) );

Answer 5

|| （或運算符）不能那樣工作，我建議使用|| 在indexOf（）之外像這樣

indexOf('iDEAL') > 1 || indexOf('Sofortbanking') > 1 || indexOf('...')>1 indexOf('iDEAL') > 1 || indexOf('Sofortbanking') > 1 || indexOf('...')>1 在這里看看類似的答案