jQuery 上一个下一个元素

Question

我的 jQuery 代码问题。我有这个代码jsFiddle .

$(document).ready(function(){
  $("#clickinput1").click(function (evt) {
     $(this).hide().prev("input[disabled]").prop("disabled", false).focus();
  });
});

在单击按钮之前，输入被禁用并且背景为深色。我需要，当单击按钮输入时启用(这项工作)并且背景更改为白色或无。我做不到这个。请帮忙)

Answer 1

这可以简单地使用 .css("background-color","white") 来完成，例如:

$(this).hide().prev("input[disabled]").prop("disabled", false).css("background-color","white").focus();

希望这有帮助。

$(document).ready(function() {
  $("#clickinput1").click(function(evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).css("background-color", "white").focus();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="customername" class="input" value="" disabled />

<div style="float:right;cursor:pointer;margin:2px 0 0 0px;" id="clickinput1">
  <img src="https://cdn4.iconfinder.com/data/icons/simplicio/128x128/document_edit.png" />button
</div>