将 jquery 附加到特定的 id 和类
Append with jquery to particular id & class
我似乎无法附加到特定的id和类。我希望 HEllow 世界只被附在 1st
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var id =94;
$("#'id',.m").append(" <b>Hello world!</b>");
});
});
</script>
</head>
<body>
<p id="94" class="postitem m" >This is a paragraph.</p>
<p id="94" >This is another paragraph.</p>
<button>Insert content at the end of each p element</button>
</body>
</html>
两个问题:
-
id
值在页面上必须是唯一的。您对两个不同的元素使用相同的id
。 -
您的
id
值对于 CSS 无效。 用于 CSSid
值必须以字母开头。由于jQuery使用CSS选择器来查找元素,我强烈建议使用有效的选择器。(这些 ID 对于 HTML4 也无效,但 HTML5 允许它们。只是不是 CSS。
如果你纠正了这两个问题,你会没事的。请注意,如果您有唯一的 id
s,则不再需要"m"类,除非您将其用于其他用途。
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var id = 'x94';
$("#" + id).append(" <b>Hello world!</b>");
});
});
</script>
</head>
<body>
<p id="x94" class="postitem m" >This is a paragraph.</p>
<p id="x95" >This is another paragraph.</p>
<button>Insert content at the end of each p element</button>
</body>
</html>
现场示例 | 来源
另外:我强烈建议在该HTML中添加文档类型。如果没有一个,你就处于怪癖模式,jQuery不支持怪癖模式(各种计算都是错误的)。
那么一定是这样的
$('#'+id+'.m').append('<b>Hello world!</b>');
这是没有空格的$('#94.m')
,这意味着 id 和类都必须存在才能匹配
相关文章:
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- 点击显示具有相同ID和类别的2个潜水
- 除了类、id 和文本之外,我还如何在 jQuery 中的元素中传递变量
- 使用 Jquery 选中基于 Div ID 和类的所有复选框
- 如何在javascript中按id和类选择元素
- 从选定的对象获取动态文本 - (通过 ID 和“活动”类) - jQuery
- 将 jquery 附加到特定的 id 和类
- 使用主干视图在模板上动态添加 ID 和类
- 如何在没有id和类的情况下获取当前元素
- 获取对象的标签、id和类
- 如何使用javascript样式td不使用id和类
- jquery中动态id和类的While循环
- 如何为id和类重用相同的函数
- 销. data /.关注特定的id和类
- JQuery dataTable删除id和类的结果行需要在值中搜索
- Facebook和google如何随机化html选择器id和类名
- 用javascript创建表,并为每个表添加id和类
- 当鼠标悬停时,改变与id和类相关的元素样式
- 如果在创建Jquery弹出框时需要大量id和类,那么什么是正确的解决方案
- 在 Javascript 字符串中调用 ID 和类