javascript - 在输入字段中输入文本时，有没有办法更改 div 的背景？

Question

我有下面的代码，我希望每次有人在输入字段中输入/键入文本时，强制具有类“target_bg”的 div 的背景将其颜色从红色(默认)更改为绿色。

<div class="target_bg"></div>
<input placeholder="Search for Restaurants..." 
class="search_field" name="" type="text">

我搜索了很多解决方案，但我只找到了如何更改输入字段本身的背景。

Answer 1

如果使用 jquery:

$('.search_field').on('input', function() {
   $('.target-bg').css('background-color','green');
});