我有一个购物车,在下拉菜单中显示产品选项,如果他们选择“是”,我想使页面上的一些其他字段可见。

问题是购物车还在文本中包含价格修饰符,每个产品的价格修饰符可能不同。下面的代码工作:

$(document).ready(function() {
    $('select[id="Engraving"]').change(function() {
        var str = $('select[id="Engraving"] option:selected').text();
        if (str == "Yes (+ $6.95)") {
            $('.engraving').show();
        } else {
            $('.engraving').hide();
        }
    });
});

然而,我宁愿使用这样的东西,这是行不通的:

$(document).ready(function() {
    $('select[id="Engraving"]').change(function() {
        var str = $('select[id="Engraving"] option:selected').text();
        if (str *= "Yes") {
            $('.engraving').show();
        } else {
            $('.engraving').hide();
        }
    });
});

我只想在所选选项包含单词“Yes”时执行该操作,并忽略价格修饰符。


当前回答

上面这些方法对我都不起作用,因为有空白,但这就是我所做的

tr = table.getElementsByTagName("tr");

    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[0];
        bottab.style.display="none";
        bottab2.style.display="none";
        if (td) {
        var getvar=td.outerText.replace(/\s+/, "") ;

            if (getvar==filter){
                tr[i].style.display = "";
            }else{
                tr[i].style.display = "none";
            }

        }
    }

其他回答

如果你能使用库,你会发现Lo-Dash JS库是非常有用的。在这种情况下,继续检查_.contains()(从v4开始被_.includes()取代)。

(注意Lo-Dash约定将库对象命名为_。 不要忘记在同一页面中检查安装,为您的项目设置它。)

_.contains("foo", "oo");     // → true
_.contains("foo", "bar");    // → false
// Equivalent with:
_("foo").contains("oo");     // → true
_("foo").contains("bar");    // → false

在你的情况下,继续使用:

_.contains(str, "Yes");
// or:
_(str).contains("Yes");

..你更喜欢哪一个。

我知道最好的方法是str.indexOf(s) !== -1;http://hayageek.com/javascript-string-contains/

我建议另一种方法(str。Replace (s1, "") !== str):

var str =“你好,世界!”s1 =“ello”,s2 =“elloo”; 警报(str。代表(s1, "") !== str; 警报(str。代表(s2,“”)!

您还可以检查字符串中是否包含确切的单词。例如:

function containsWord(haystack, needle) {
    return (" " + haystack + " ").indexOf(" " + needle + " ") !== -1;
}

用法:

containsWord("red green blue", "red"); // true
containsWord("red green blue", "green"); // true
containsWord("red green blue", "blue"); // true
containsWord("red green blue", "yellow"); // false

这就是jQuery的hasClass方法。

includes()方法确定一个字符串是否可以在另一个字符串中找到,根据需要返回true或false。 语法:字符串。包括(searchString [,]) searchString:在该字符串中搜索的字符串。 位置:可选。在这个字符串中的位置开始搜索searchString;默认值为0。

string = 'LOL';
console.log(string.includes('lol')); // returns false 
console.log(string.includes('LOL')); // returns true 

是这样的:

if (str.indexOf("Yes") >= 0)

...或者你可以使用波浪号操作符:

if (~str.indexOf("Yes"))

这是因为如果根本没有找到字符串,indexOf()将返回-1。

注意,这是区分大小写的。 如果你想要一个不区分大小写的搜索,你可以写

if (str.toLowerCase().indexOf("yes") >= 0)

Or:

if (/yes/i.test(str))

后者是正则表达式或正则表达式。

正则表达式分解:

/表示这是正则表达式 Yes表示正则表达式将以正确的顺序找到那些正确的字符 /结束正则表达式 我将正则表达式设置为不区分大小写 .test(str)确定正则表达式是否匹配str 总而言之,这意味着它将查看是否能在变量str中以不区分大小写的确切顺序找到字母y、e和s