Question

如果键入我的输入，则为li标签添加边框，但只添加一个写入文本的边框。这个脚本正在运行，但如何缩短这个jquery脚本？

谢谢你的帮助！

＆＃13;

.add_border{
	border: 2px solid #000 !important;
}

＆＃13;

$(document).ready(function(){
	
	$('#input1').on('keyup keydown keypress change paste', function() {		
		if ($(this).val() == '') { $('#my_block1').removeClass('add_border'); } else {$('#my_block1').addClass('add_border'); }});
		
	$('#input2').on('keyup keydown keypress change paste', function() {	
		if ($(this).val() == '') { $('#my_block2').removeClass('add_border'); } else {$('#my_block2').addClass('add_border'); }});

});

＆＃13;

<ul>
	<li id="my_block1">		
		<span>some text 1</span>									
		<div class="form-group">
			<input id="input1" type="text" name="my_item_1">
		</div>
	</li>
	<li id="my_block2">		
		<span>some text 2</span>									
		<div class="form-group">
			<input id="input2" type="text" name="my_item_2">
		</div>
	</li>
	
</ul>

＆＃13;

Answer 1

您可以将tag放到jQuery选择器：

$('input').on('keyup keydown keypress change paste', function() {       
    if ($(this).val() == '') {
        $('#my_block1').removeClass('add_border');
    } else {
        $('#my_block1').addClass('add_border'); 
    }
});

回答你的上一条评论：

.on('input', function() {

没有默认的input事件。在jQuery API中阅读有关on的更多信息： http://api.jquery.com/on/ 和关于这里的事件： http://api.jquery.com/category/events/

jquery一些输入添加类keyup，keydown等

1 个答案: