javascript - 在 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/