选择子类别的输入值

Question

我想使用if语句来选择图像滑块中子类的值。如果输入值为'是'，它将更改文本颜色。

Javascript: 
$('document').ready(function(){ 
     if $('.slide-active').find('.black').value = 'yes'){ 
      $('.slide-title').addClass("blacktext"); 
      $('.slide-title').removeClass("whitetext"); 
     }; 
    }); 

Css: 
.blacktext{color: black !important;} 
.whitetext{color: white !important;} 

这似乎不起作用。任何帮助？

重要编辑：而不是检测输入值。我必须检测div的内容。

<div class="black">ja</div> 

Answer 1

使用 “VAL（）==”，而不是 “值=”。此外，它应该是“如果（$（”而不是“如果$（”你错过了一个支架。

$('document').ready(function() { 
 
    if ($('.slide-active').find('.black').html() == 'yes') { 
 
    $('.slide-title').addClass("blacktext"); 
 
    $('.slide-title').removeClass("whitetext"); 
 
    }; 
 
});

.blacktext { 
 
    color: black !important; 
 
} 
 
.whitetext { 
 
    color: white !important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="slide-active"> 
 
    <div class="black">yes</div> 
 
</div> 
 
<div class="slide-title whitetext">aaaaaa</div>

Answer 2

三件事

的 value

• 使用val()代替，
• 使用，而不是它的价值
• 类的名称和使用的比较算子

代码

if $('.slide-active').find('.blacktext').val() == 'yes'){ 

Answer 3

您正在设置不比较的值。您需要使用==或===运营商。

if $('.slide-active').find('.black').val() == 'yes'){ //use jQuery val() method instead 

Answer 4

使用此代码，它会工作 的Javascript：

$('document').ready(function(){ 
      if $('.slide-active').find('.black').value == 'yes'){ 
       $('.slide-title').addClass("blacktext"); 
       $('.slide-title').removeClass("whitetext"); 
      }; 
     }); 

    Css: 
    .blacktext{color: black !important;} 
    .whitetext{color: white !important;}