检查jQuery中是否存在元素

Question

我有一个页面，我只能根据第一种形式的第一种输入来搜索元素的存在

<input type="text" /><!-- first input -->
<button></button>
<div>
    <form><input value="3" /></form> <!-- first form -->
    <form><input value="3" /></form>
</div>

和脚本

$("button").click(function()
{
    if( $(this).next().children("form").first().has("input[value='" + $(this).prev().val() + "']") )
        alert("Present");
    else
        alert("Absent");
});

但这没用

Answer 1

您可以通过检查查询返回的集合的长度来检查元素的存在：

例如，如果我要检查是否有表格：

var forms = $('form').length //0 if none, at least 1 if any

Answer 2

问题在于.has()方法不返回布尔值，而是返回jQuery对象，特别是它“从匹配元素的子集构造新的jQuery对象”。 您需要检查该对象的长度，以查看是否有任何匹配的元素：

if($(this).next().children("form").first()
           .has("input[value='"+$(this).prev().val()+"']").length != 0)

演示： http ： //jsfiddle.net/mmQHB/