如何禁用缩略图的jquery函数

Question

我有两部分缩略图--一组缩略图没有巨型容器，另一组缩略图在巨管容器内。

使用悬停功能，没有巨型容器缩略图，并希望删除悬停功能的缩略图，这是在巨型容器内。

现在，我正在使用的悬停功能正在处理这两组缩略图。

如何在容器中禁用缩略图的悬停功能.

$(document).ready(function(){

$('.thumbnail').hover(
function( ){
    $(this).find('.caption').fadeOut(slow); //.fadeIn(250)
},
function( ){
$(this).find('.caption').fadeIn(slow); //.fadeOut(205)
}
);
});

没有容器的缩略图

<div class="row">
    <div class="col-sm-4">
      <div class="thumbnail">
        <div class="caption">

巨型容器内的缩略图

<div class="jumbotron">
   <div class="container">
      <h2>Featured Categories</h2>
         <div class="row"> 
            <div class="col-sm-6 col-md-4">
               <div class="thumbnail">

我如何能够禁用缩略图在巨型容器内的悬停功能。

任何帮助都是非常感谢的。

非常感谢。

Answer 1

为什么不在想要使用的类中添加一个额外的类呢？类不一定需要反映css样式，也可以用于脚本目的。

<div class="thumbnail myHoverClass">

JS

$('.thumbnail.myHoverClass').hover(...
/* or just */
$('.myHoverClass').hover(...

如果这不实用的话

$('.thumbnail').not('.jumbotron .thumbnail').hover(...

Answer 2

你可以试试

if($('.thumbnail').parents().attr('class').indexOf('jumbotron') != -1)
{
//has a parent of jumbotron
}else{
//no parent named jumbotron
}

jQuery在parent()和parents()上有一个区别