使用jquery访问带有Class的div

时间:2010-02-09 14:07:37

标签: jquery

我有一个div类。 例如

<div class="button check"></div>。为“按钮”,“检查”定义了css。我想通过jquery访问上面的div并在div中写一些东西。我试过

$('.button check').html("sample data");

我在运行页面时看不到任何内容。

请帮帮我。

2 个答案:

答案 0 :(得分:16)

将CSS类链接在一起,用句点分隔:

$('.button.check').html("sample data");

通过指定标签名称,您还可以在某些浏览器中看到更好的性能:

$('div.button.check').html("sample data");

更新:在阅读Brian's answer后,我重新阅读原始问题,我发现您可能会认为您需要同时使用它们来引用div。如果你有:

<div class="button cancel">Cancel</div>
<div class="button check">Check</div>

然后链接选择器(即.button.cancel)会有意义。但是,如果它是页面上唯一的div,或者您希望所有divs都带有button类,则不需要这两个类:

<div class="button check">Check</div>

这样可以选择它:

$('div.check').html("sample data");

答案 1 :(得分:2)

你能定位一个课程,你需要两个课程吗?你可以做一个类,如:

$("div.button")

OR

$(".button")

对于多个班级,可能是:

$(".button, .check")

OR:

$(".button").add(".check")

HTH。