js或jQuery如何让两个一样的元素同步发生变化?

我在两个ul中,分别有两个li,但这两个li内容是一模一样的,希望一个变化另一个也跟着变化(比如两个li中都有input,其中一个input输入aaa另一个li中的input也有aaa,一个li的样式改变另一个li的样式也改变)
求教大神有什么好的解决思路吗?

$("li").css();

  • 用元素选择器解决

你可以给两个li设置相同的类名,使用选择器筛选,例如

 <ul>
     <li class="aa">
        <input type="text" class="input">
    </li>
</ul>
<ul>
     <li class="aa">
        <input type="text"   class="input">
    </li>
</ul>

<script>
//统一修改样式
$(".aa").css()
//统一修改内容
$(".input").eq(1).val()=$(".input").eq(0).val();

同时选中你需要的元素进行操作