$("input: not (:empty)")不工作

Question

<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert('hi'+$("input:text").val());
    $("input:not(:empty)").val("sdfdf");
  });
});
</script>
</head>
<body>
<input type="text" value="aa" />
<input type="text" value="" />
<input type="text" value="aa" />
<button>Click me</button>
</body>
</html>

我正在尝试使用jquery访问空的textboxex，并为其赋值hello。但它不起作用。

提前感谢

Answer 1

:empty检查元素是否有子元素。input元素不能有子元素。

如果要测试input元素的值是否为空：

$(document).ready(function(){
  $("button").click(function(){
    $("input").filter(function() {
        return this.value.length !== 0;
    }).val("sdfdf");
  });
});

在那里，我们获得所有的input元素，然后对其进行过滤，以便只包括value属性不是""的元素。

Answer 2

您可以为您的任务使用另一个选择器：

$("input[value='']").val("sdfdf");

Answer 3

jQuery(':empty')说明:选择所有没有下级的元素(包括文本节点)。

来自http://api.jquery.com/empty-selector/。因此，:empty并不做您认为它做的事情。

请查看此答案https://stackoverflow.com/a/1299468/138023以获取解决方案。