我有一个购物车，在下拉菜单中显示产品选项，如果他们选择“是”，我想使页面上的一些其他字段可见。
问题是购物车还在文本中包含价格修饰符，每个产品的价格修饰符可能不同。下面的代码工作:
$(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”时执行该操作，并忽略价格修饰符。
如果你能使用库，你会发现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");
．．你更喜欢哪一个。
您还可以检查字符串中是否包含确切的单词。例如:
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方法。
ECMAScript 6引入了String.prototype。包含，以前命名为包含。
它可以这样使用:
'foobar'.includes('foo'); // true
'foobar'.includes('baz'); // false
它还接受一个可选的第二个参数，用于指定开始搜索的位置:
'foobar'.includes('foo', 1); // false
'foobar'.includes('bar', 1); // true
它可以被填充以使其在旧浏览器上工作。
