JQuery - Auswahl nach Klasse funktioniert nicht

Ich bin neu und ich habe gerade angefangen, Dinge selbst zu schreiben, und ich habe ein kleines Problem, die Auswahl nach Klasse funktioniert nicht für mich. Ich benutze TamperMonkey, um einen Suchbegriff in die Google-Suche zu schreiben (www.gooogle.com). dieses Element von ID, das geht in Ordnung:JQuery - Auswahl nach Klasse funktioniert nicht

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

Aber es nach Klasse bekommen einfach nicht funktioniert:

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

Ich habe versucht, Code hinzufügen zu machen, laufen nach DOM bereit ist, es jetzt sieht so aus:

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

Warum funktioniert das nicht?

Quelle

2016-11-17 Václav

Bitte zeigen Sie den HTML-Code up .. –

Eine einfache überprüfen Sie tun können, ist die folgende Zeile schreiben. 'Console.log ($ ('gsfi') Länge()); ', die die Anzahl der Elemente zurückgibt, die diese Klasse enthalten. Wenn der zurückgegebene Wert 0 ist, gibt es dort keine solche Klasse. –

Wenn es sich um divs handelt, die Sie ändern, ändern Sie die Werte in html und Sie sehen die Änderung ... $ ('. Gsfi'). Html ("irgendwas") – Geeky

Aus Ihrer Frage sollte es keine Chance auf Probleme geben. Wenn Sie den Wert eines Elements festlegen, sollte es passieren. Wenn Sie denken, dass das Setzen des Werts eines Elements den Text dieses Elements ändert, ist es falsch. Wenn Sie den Wert eines HTML-Elements festlegen, ändert sich der Inhalt von div nicht. Dazu müssen Sie den Text des div festlegen. Ich habe ein Beispielcode-Snippet beigefügt, um den Wert eines Elements festzulegen und den Text eines Elements zu ändern.

<!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>

Quelle

2016-11-17 15:59:54 Nitheesh

JQuery - Auswahl nach Klasse funktioniert nicht

Antwort

Verwandte Themen