jQuery值选择器

Question

我有:

<button class="Delete" value="1">Delete</button>
<button class="Delete" value="2">Delete</button>
<button class="Delete" value="3">Delete</button>

给定包含值的变量X(在这种情况下为1,a 2或3),那么如何隐藏与X中的值对应的按钮？

我想说的是:

$('button').val(x).hide();

含义:"值为x的按钮,隐藏".

Answer 1

$('button[value="' + x + '"]').hide();

Answer 2

你可以编写自己的自定义选择器(我觉得有人应该提一下).看起来像:

(function($) {
    $.extend($.expr[':'], {
         val: function(elem, i, attr) {
             return elem.value === attr[3];
         }
    });
}(jQuery));

$('button:val(2)').hide();

Answer 3

你在实际的选择器里面做了这个:

$('button[value="foo"]').hide();