Javascript jQuery/JS包含运算符或类似运算符

我有一个元素，它有许多数据类型，例如：

<div class="marker" data-type="industry context history society" data-lat="53.411028" data-lng="-1.4152860" id="1023"></div>

if ($marker.data('type') == 'context') {
    icon = 'http://maps.google.com/mapfiles/ms/icons/green-dot.png';
} else {
    icon = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png';
}

---

但是，这仅在只有一个“数据类型”字时有效。是否可以这样写，如果数据类型包含单词，它将更改图标？我原以为可能有一个接线员，但遗憾的是，似乎没有接线员。

你可以像这样搜索这个词

if ($marker.data('type').indexOf('context') != -1 ) {
    icon = 'http://maps.google.com/mapfiles/ms/icons/green-dot.png';
} else {
    icon = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png';
}

演示：

$marker=$（“.marker”）；
if（$marker.data（'type'）.indexOf（'context'）！=-1）{
$marker.css（{'color'：“blue”}）.text（$marker.text（）+“context found”）；
}否则{
$marker.css（{'color'：“red”}）.text（$marker.text（）+“未找到上下文”）；
}

abc

你可以像这样搜索这个词

if ($marker.data('type').indexOf('context') != -1 ) {
    icon = 'http://maps.google.com/mapfiles/ms/icons/green-dot.png';
} else {
    icon = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png';
}

演示：

$marker=$（“.marker”）；
if（$marker.data（'type'）.indexOf（'context'）！=-1）{
$marker.css（{'color'：“blue”}）.text（$marker.text（）+“context found”）；
}否则{
$marker.css（{'color'：“red”}）.text（$marker.text（）+“未找到上下文”）；
}

abc

你可以像这样搜索这个词

if ($marker.data('type').indexOf('context') != -1 ) {
    icon = 'http://maps.google.com/mapfiles/ms/icons/green-dot.png';
} else {
    icon = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png';
}

演示：

$marker=$（“.marker”）；
if（$marker.data（'type'）.indexOf（'context'）！=-1）{
$marker.css（{'color'：“blue”}）.text（$marker.text（）+“context found”）；
}否则{
$marker.css（{'color'：“red”}）.text（$marker.text（）+“未找到上下文”）；
}

abc

你可以像这样搜索这个词

if ($marker.data('type').indexOf('context') != -1 ) {
    icon = 'http://maps.google.com/mapfiles/ms/icons/green-dot.png';
} else {
    icon = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png';
}

演示：

$marker=$（“.marker”）；
if（$marker.data（'type'）.indexOf（'context'）！=-1）{
$marker.css（{'color'：“blue”}）.text（$marker.text（）+“context found”）；
}否则{
$marker.css（{'color'：“red”}）.text（$marker.text（）+“未找到上下文”）；
}

abc

如果将数据类型放入类名中会怎样？然后您可以使用

$marker.hasClass（'context'）

$（'.marker[data type~=context]'））

来匹配所需的元素。如果您将数据类型放入类名中会怎么样？然后您可以使用

$marker.hasClass（'context'）

$（'.marker[data type~=context]'））

来匹配所需的元素。如果您将数据类型放入类名中会怎么样？然后您可以使用

$marker.hasClass（'context'）

$（'.marker[data type~=context]'））

来匹配所需的元素。如果您将数据类型放入类名中会怎么样？然后您可以使用

$marker.hasko（'context'）

$（'.marker[data type~=context]'））

应该匹配所需的元素。对于

contextfree something

@Sirko Well OP没有提到他希望以共轭形式匹配单词

context

。。。另外，这也行得通，因为它只是搜索字符串

上下文

，不匹配任何单词边界。单词的意思是用空格分隔的，我想@Sirko不确定谢谢。。。出于某种原因，这似乎不起作用？@sirko“a contextof a b c”。indexOf（“context”）对于属性值（如

contextfree something

）可能会失败@sirko Well OP没有提到他想以共轭形式匹配单词

context

）。。。另外，这也行得通，因为它只是搜索字符串

上下文

，不匹配任何单词边界。单词的意思是用空格分隔的，我想@Sirko不确定谢谢。。。出于某种原因，这似乎不起作用？@sirko“a contextof a b c”。indexOf（“context”）对于属性值（如

contextfree something

）可能会失败@sirko Well OP没有提到他想以共轭形式匹配单词

context

）。。。另外，这也行得通，因为它只是搜索字符串

上下文

，不匹配任何单词边界。单词的意思是用空格分隔的，我想@Sirko不确定谢谢。。。出于某种原因，这似乎不起作用？@sirko“a contextof a b c”。indexOf（“context”）对于属性值（如

contextfree something

）可能会失败@sirko Well OP没有提到他想以共轭形式匹配单词

context

）。。。另外，这也行得通，因为它只是搜索字符串

上下文

，不匹配任何单词边界。单词的意思是用空格分隔的，我想@Sirko不确定谢谢。。。出于某种原因，这似乎不起作用？@sirko“a contextof a b c”。indexOf（“context”）是3