验证是否已使用Jquery选择器选择任何项目

Question

我有这种情况， 我试图使用Id选择器选择一个标签并设置其值。由于某些原因它似乎没有工作

 $(document).ready(function () {
                $("#Label3").val("hii");
            });

如何验证$("#Label3")确实选择了标签。

标签的呈现方式如下：

<span id="Label3"></span>

Answer 1

只有字段具有值，因此可以使用val()访问。要设置Span的文字，您应该使用html()或text()。

$(document).ready(function () {
    $("#Label3").html("hii");
});

或

$(document).ready(function () {
    $("#Label3").text("hii");
});

Answer 2

您可以通过查看$("#Label3")来检查length返回的结果中的元素数量：

var label3 = $("#Label3");
if (label3.length == 0) {
    // not found
}

您的代码无效的原因是您需要设置text而不是val：

$("#Label3").text("hii");

Answer 3

<span>没有value s - 你可能想要$("#Label3").text("hii");。

要回答这个问题，您可以检查.length - 当找不到任何元素时，它会返回0（这是JavaScript中的错误值）：

var label3 = $("#Label3");
if(label3.length){
    label3.text("hii");
}
else{
    alert("label wasn't found.");
}

另见：

• http://api.jquery.com/text
• http://api.jquery.com/length

Answer 4

要验证选择器是否正常工作，我通常会这样做 -

$("#Label3").length

我只会在调试过程中使用它。

Answer 5

在Safari，Chrome或Firefox / Firebug中使用控制台：

console.log( $( '#Label3' ) );

或者

console.log( $( '#Label3' ).length );

此外，您的元素是一个span，它没有值。使用.text()或.html()代替.val()

Answer 6

为了澄清别人的说法，jQuery中的val()用于获取输入字段的值。