JQuery - 按类选择不起作用

时间:2016-11-17 15:33:39

标签: javascript jquery

我是新手,我刚刚开始自己​​写作,我有一个小问题,按课程选择对我不起作用。我使用TamperMonkey将搜索短语写入Google搜索(www.gooogle.com)。 通过ID获取该元素可以正常工作:

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

但是通过课堂获取它不起作用:

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

我尝试添加代码以使其在DOM准备就绪后运行,所以现在它看起来像这样:

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

为什么不起作用?

1 个答案:

答案 0 :(得分: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(){
	console.log($(".test").val());
    console.log($("#test").val());
}

function changetext(){
	$(".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>