2016-11-17 16 views
0

私はこれに新しいので、自分で書くことが始まったばかりです。小さな問題があります。クラスで選択すると機能しません。 TamperMonkeyを使ってGoogle検索(www.gooogle.com)に検索フレーズを書きます。 IDによって、その要素を取得すると、正常に動作します:JQuery - クラスで選択しても機能しません。

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

しかし、単に動作しないクラスでそれを取得:

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

私はDOMの準備ができた後、それを実行するためにコードを追加しようとしたので、今で次のようになります。

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

なぜ機能しませんか?

+4

あなたができる –

+1

簡単なチェックは、次の行の書き込みを..ですHTMLコードを表示してください。 'gsfi'。 'はconsole.log($()の長さ() );これは、このクラスを含む要素の数を返します。返される値が0の場合、そこにはそのようなクラスはありません。 –

+0

あなたがdivを変更してdivをhtmlに変更すると、変更が表示されます... $( '。gsfi').html( "something") – Geeky

答えて

0

ご質問から、問題が発生する可能性はありません。要素の値を設定すると、その要素が発生します。要素の値を設定すると、その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>

関連する問題