jQuery选择为空值

Question

我怎么能创建一个选择在jQuery的.is()功能表示下列表达式中使用：

$('[name="Person[firstName]"]').val() === ''; // true 
$('[name="Person[lastName]"]').val() === ''; // false 

有了这个HTML方面

<input name="Person[firstName]" value="" > 
    <foo bar="true" /> 
</input> 

<input name="Person[lastName]" value="ABCDEFGH" /> 

：空选择选择没有子项的所有元素（包括文本节点）。

$('[name="Person[firstName]"]').is(':empty'); // false 
$('[name="Person[lastName]"]').is(':empty'); // true 

闯闯

$('[name="Person[firstName]"]').is('[value=""]'); // true 
$('[name="Person[lastName]"]').is('[value=""]'); // true 

注：这是对知识的目的的问题 - 。是（）必须在此解决方案中使用。

@edit​​

它必须在两个表达式

Answer 1

原因:empty不起作用的，因为它在寻找节点没有子节点，这是不是你在找什么返回false。

$.is("[value='']")只适用于最初在HTML中设置的值，而不是通过脚本或UI更新它。这是因为属性选择器查看Node.getAttribute('value') === ''and the XML attribute is not updated when the DOM object is，但DOM属性HTMLInputElement.value。

So what we really need is a custom pseudo selector that looks at the value DOM property和it's pretty simple to implement。它的工作原理与$.is与:not()

$.expr[':'].emptyVal = function(obj){ 
    return obj.value === ''; 
}; 

var $firstName = $('[name="Person[firstName]"]'); 

$firstName.val('AAAA'); 

$('input:emptyVal').size(); // 2 
$('input:not(emptyVal)').size(); // 0 
$firstName.is('input:emptyVal'); // false 
$firstName.is('input:not(:emptyVal)'); // true