<!-- language: lang-js -->
$('.clear-icon').click(function(){
$('input').val('');
})
<!-- language: lang-html -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="input-outer">
<input type="text">
<button class="clear-icon">X</button>
</div>
<div id="input-outer">
<input type="text">
<button class="clear-icon">X</button>
</div>
<!-- end snippet -->
我試圖單獨清除一個值,但兩個值都被洗掉了。如何通過僅清除單擊哪個按鈕的輸入欄位來控制它
uj5u.com熱心網友回復:
添加 siblings
$('.clear-icon').click(function(){
$(this).siblings('input').val('');
})
$('.clear-icon').click(function(){
$(this).siblings('input').val('');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="input-outer">
<input type="text">
<button class="clear-icon">X</button>
</div>
<div id="input-outer">
<input type="text">
<button class="clear-icon">X</button>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/399141.html
標籤:javascript html 查询 css
上一篇:可以同時處理RGB和YUV紋理的MetalShaderFunction
下一篇:如何淡入/淡出文本 影像
