2 回答

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊
看到 jQuery 如何是純 JavaScript,人們可能會(huì)爭(zhēng)辯說這也是“jQuery 代碼”:D
在輸入事件上,通過獲取父元素的兄弟元素(阿姨元素)來獲取表親輸入
如果阿姨不是
<div>
一直尋找,直到找到下一個(gè)<div>
在阿姨下搜索所需的輸入/類組合(即
input.b
)將該表親元素的值設(shè)置
input.a
為正在輸入的值
document.addEventListener('input', event => {
if (event.target.classList.contains('a')) {
let aunt=event.target.parentElement.nextElementSibling
while(aunt && aunt.nodeName!='DIV'){
aunt=aunt.nextElementSibling;
}
const cousin = aunt.querySelector('input.b');
cousin.value = event.target.value;
}
});
<!-- any code -->
<div>
<input type="text" class="a" />
</div>
<pre>
code
</pre>
<div>
<input type="text" class="b" />
</div>
<pre>
code
</pre>
<div>
<input type="text" class="a" />
</div>
<!-- any code -->
<div>
<input type="text" class="b" />
</div>
<!-- any code -->
<div>
<input type="text" class="a" />
</div>
<pre>
code
</pre>
<div>
<input type="text" class="b" />
</div>
添加回答
舉報(bào)