这是我的代码:
$('button').on('click', function(){
console.log($('.searchInput').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class='searchInput' type='text' style='display:none' />
<input class='searchInput' type='text' />
<input class='searchInput' type='text' style='display:none' />
<button>check</button>
如您所见,$('.searchInput')
始终选择第一个输入。但我想选择这样一个不隐藏的输入。我怎样才能做到这一点?
最佳答案
使用$('.searchInput:visible')
。 :visible
将采用仅可见的元素
$('button').on('click', function(){
console.log($('.searchInput:visible').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class='searchInput' type='text' style='display:none' />
<input class='searchInput' type='text' />
<input class='searchInput' type='text' style='display:none' />
<button>check</button>
关于javascript - 如何选择具有 block 显示的输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42389849/