选择子类的输入值

Question

我想使用 if 语句 select 图像滑块中子类的值。如果输入值为 'yes'，它会更改文本颜色。

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()代替value、
使用 class 名称而不是它的值
并使用比较运算符

代码

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

Answer 2

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

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

Answer 3

使用此代码即可 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;}

Answer 4

使用 "val() ==" 而不是 "value ="。另外，它应该是 "if ($(" 而不是 "if $("，你漏了一个括号。

$('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>

选择子类的输入值

Selecting the input value of a subclass

javascript

class

input

subclass