驗證是否已使用“ 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

您可以通過查看length來檢查$("#Label3")返回的結果中元素的數量：

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

您的代碼無法正常工作的原因是您需要將text設置為val ：

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

Answer 3

<span> s沒有value s-您可能需要$("#Label3").text("hii"); 。

但是，要回答這個問題，您可以檢查.length －如果未找到任何元素（在JavaScript中為假值），它將返回0 ：

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 );

此外，您的元素是一個沒有值的跨度。 使用.text()或.html()代替.val()

Answer 6

為了弄清楚別人說了些什么，jQuery中的val()用於獲取輸入字段的值。