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

使用＆＃34; val（）==＆＃34;而不是＆＃34; value =＆＃34;。此外，它应该是＆＃34; if（$（＆＃34;而不是＆＃34;如果$（＆＃34;，你错过了一个括号。

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

三件事

使用val()代替value，
使用类名而不是其值
并使用比较操作员

码

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;}

选择子类的输入值

4 个答案: