首页 > 解决方案 > JQuery 只返回包含特定字符串的值

问题描述

学习 jQuery 并需要一些帮助。

我有一些简单的图像和文本框。方框 (.box) 中有一个文本字段 (.category),其中包含字母 D、L 或 C。

我只想退回那些包含字母 D 的盒子。

此代码输出所有框值(D、D、D、L、L、C)。

jQuery(document).ready(function($){
    var boxValue = $('.box').find('.category').text();
    if($("boxValue:contains('D')")){
        console.log(boxValue);
    }
});

为什么它会全部返回?我如何让它只返回带有字母“D”的那些?

标签: jquery

解决方案


假设这是您的 html:

<div class=box>
    <input class=category value="D" />
    <input class=category value="L" />
    <input class=category value="D" />
</div>

您可以过滤值等于的元素D

jQuery(document).ready(function($){
    var box = $('.box').find('.category').toArray();    
    var filter = box.filter(x => x.value === 'D');
    console.log(filter);
});

推荐阅读