：同时注意按钮和搜索输入

Question

我试图给出一个文本和一个按钮伪输入：焦点。我可以那样做，没问题。我的问题是，当我点击文本输入时，我想要的是，它不仅改变了输入文本上的元素，还改变了按钮。这在JS中可能吗？你会只是创建一个函数说明什么时候点击改变了它的元素？甚至在jQuery中？

Answer 1

这里有云：

#inputText:focus{ 
    border: 1px dashed black; 
} 
#inputText:focus ~ #button { 
    background: red; 
} 

https://jsfiddle.net/fxzuu3yz/

Answer 2

我敢肯定你正在寻找这样做的jQuery的方式：

function update() { 
 
    $(this).parent().toggleClass("active"); 
 
} 
 

 
$(".main input").on("focus", update); 
 
$(".main input").on("blur", update);

.active input { 
 
    border: 1px dashed black; 
 
} 
 

 
.active button { 
 
    background:red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <input type="text" /> 
 
    <button>Go!</button> 
 
</div>