：ボタンと検索の入力と同時にフォーカスします。

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>