javascript – jQuery值属性选择器没有返回正确数量的元素

2019-05-28 23:28:15 阅读：209 来源： 互联网

我有一个程序,在密钥启动后生成一个计数.
JQuery代码：

$('.today').keyup(function() {
    var Presents = $('input[value="/"]:visible');
    $("#counter").html( "Present: " + Presents.length );
});

HTML：

<input type="text" id="1" name="1" class="today" value="/">
<input type="text" id="2" name="2" class="today" value="/">
<input type="text" id="3" name="3" class="today" value="/">
<p id="counter"></p>

首次按键后,计数器标签将显示3.当我更改文本框中的值时,计数器框中的值不会更改.
例如.当我有机会将文本框3的值改为x时,标签现在应该包含数字2.目前这不会改变.

解决方法:

您正在使用属性选择器,但是当您更改输入值时,它不会更改属性;只是财产.您可以使用filter()来获得所需内容：

$('.today').keyup(function() {
    var Presents = $('input:visible').filter(function(){
      return this.value == "/";  
    });
    $("#counter").html( "Present: " + Presents.length );
});

JSFiddle

如果您需要更新属性本身,只需将以下内容添加到事件处理程序的顶部即可：

$(this).attr('value',this.value);

JSFiddle

但这对我来说似乎很混乱.另外,我相信filter()会比属性选择器更快.

标签：jquery,javascript,dom,input,html
来源： https://codeday.me/bug/20190528/1174443.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – jQuery值属性选择器没有返回正确数量的元素