JQuery - 按类选择不起作用

我对此很陌生，我刚开始自己写东西，而且我遇到了一个小问题，按类选择不适合我。我使用TamperMonkey将搜索短语写入Google搜索（www.gooogle.com）。过得去的ID元素正常工作：JQuery - 按类选择不起作用

$("#lst-ib").val("Something");

但按类得到它只是不工作：

$(".gsfi").val("Something");

我尝试添加代码，使其运行后DOM准备好了，所以现在看起来像这样：

$(document).ready(function() { 
    $(".gsfi").val("Something"); 
});

它为什么不起作用？

来源

2016-11-17 Václav

请出示了HTML代码.. –

一个简单的检查，你可以做的是写在下面一行：'的console.log（$（ 'gsfi'）长度（））;'这将返回包含这个类的元素的数量。如果返回的值是0，那里没有这样的类。 –

如果他们是你正在更新的div，将val更改为html，你会看到更改... $（'。gsfi'）。html（“something”） – Geeky

从你的问题中，不应该有任何问题的机会。如果你设置一个元素的值，它应该发生。如果你认为设置一个元素的值会改变该div的文本，那么它的错误。设置HTML元素的值不会更改div的内容。为此，您需要设置div的文本。我附加了一个示例代码片段，用于设置元素的值并更改元素的文本。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script> 
 

 
$(document).ready(function(){ 
 
    $(".test").val("Value1"); 
 
    $("#test").val("Value2"); 
 
}); 
 

 
function alertvalues(){ 
 
\t console.log($(".test").val()); 
 
    console.log($("#test").val()); 
 
} 
 

 
function changetext(){ 
 
\t $(".test").text("Changed Content 1"); 
 
    $("#test").text("Changed Content 2"); 
 
} 
 
</script> 
 
</head> 
 
<body> 
 

 
<div class="test">Sample text 1</div> 
 
<div id="test">Sample text 2</div> 
 
<button onclick="alertvalues()">Log Values</button> 
 
<button onclick="changetext()">Change Text</button> 
 

 
</body> 
 
</html>

来源

2016-11-17 15:59:54 Nitheesh

JQuery - 按类选择不起作用

回答

相关问题