：同時注意按鈕和搜索輸入

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>