Question

我在这里遗漏了一些非常简单的东西，我知道JQuery中没有if / else但是我怎么能用这段代码做同样的事情呢？

 $("#dropDown").val("vegetables");
   $(newEl).css("background-color", "green");

$("#dropDown").val("meatFish");
   $(newEl).css("background-color", "red");

基本上，我想要它说，如果dropDown值是“vegetables”然后应用那个css值，如果它是“meatFish”然后应用那个其他的css。

Answer 1

您可以使用JavaScript中的if else和jQuery中的val()：

if($("#dropDown").val() == "vegetables") {
  $(newEl).css("background-color", "green");
} else if ($("#dropDown").val() == "meatFish") {
  $(newEl).css("background-color", "red");
}

Answer 2

请尝试以下代码。

＆＃13;

$(document).on('ready change', function() {
  $('span').css('color', $('#veg').val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="veg">
  <option value="green" selected="selected">1</option>
  <option value="blue">2</option>
</select>
<span>New element</span>

＆＃13;

Answer 3

尝试以下方法：

var obj = {"vegetables":"green","meatFish":"red"}
var val = $("#dropDown").val();
 $(newEl).css("background-color", obj[val]);

$('select').change(function() {
  var obj = {
    "vegetables": "green",
    "meatFish": "red"
  }
  var val = $(this).val();
  $('span').css("background-color", obj[val]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="vegetables">vegetables</option>
  <option value="meatFish">meatFish</option>
</select>
<span>New element</span>

简单的Jquery if / else喜欢

3 个答案: