我如何添加一个类到特定的html元素,如果他们包含一个特定的值
How do I add a class to specific html elements, If they contain a certain value
例如,我有下面的html:
<div id="stuff">
<span>1</span><span>2</span><span>3</span>
</div>
我需要这样选择一些:
$('#stuff').find('<span>1</span><span>2</span>').addClass('2');
这应该把html变成这样:
<div id="stuff">
<span class="2">1</span><span class="2">2</span><span>3</span>
</div>
然而,上面的方法不起作用。有人知道如何使用jQuery来选择的东西直接从DOM通过寻找html?
同样,span's必须按顺序选择,所以如果我有这个:
<div id="stuff">
<span>2</span><span>3</span><span>1</span>
</div>
并使用上面的JS,它不会做任何事情
使用$( '#stuff span:not(:contains(3))' ).addClass( '2' )
正确,如果您想查找各种内容,请执行以下操作:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(function(){
var contains = [ 1 , 2 , 6 , 7 , 8 ] ;
$.map ( contains, function ( i ) {
$ ( '#stuff span:contains("'+ i +'")' ).addClass ( '2' ) ;
} ) ;
});
</script>
</head>
<body>
<div id="stuff">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
</div>
</body>
输出:<div id="stuff">
<span class="2">1</span>
<span class="2">2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span class="2">6</span>
<span class="2">7</span>
<span class="2">8</span>
</div>
您可以使用:contains
伪类:
$('#stuff span:contains(1), #stuff span:contains(2)').addClass('2');
http://jsfiddle.net/SJxTu/我不完全清楚你的选择条件是什么,但是你可以使用jquery过滤器方法和一个函数来选择跨度。
例如来自文档:
$('li').filter(function(index) {
return $('strong', this).length == 1;
}).css('background-color', 'red');
http://api.jquery.com/filter/您需要检查$(this).text() === whatever
相关文章:
- 将插件制作的Javascript包含到html按钮中
- jquery html()编写函数以包含语义html元素
- 获取范围中包含的HTML元素
- 在包含的html文件上定位图像
- 包含的html中的类无法访问父文件html中的函数
- javascript没有't处理包含的html文件中的html元素
- 重定向到同一页面,但其中包含一条消息
- 重定向到同一页面,但其中包含一条消息
- 如何只包含一次javascript文件
- 响应字段包含一个子级时的节点 SOAP 强制数组
- 使用 express 将 css 包含在 html 中
- 正则表达式 - 替换 HTML 字符串中不包含在 HTML 标记中的文本
- 我想使用 JavaScript 将外部 PHP 文件包含在 HTML 页面中
- 包含的 HTML 模板中的 AngularJS id 属性
- 将除 JS CSS 等以外的其他文件包含在 HTML 中
- 如何在包含的 HTML 中使用 jQuery
- 如何在谷歌网站中包含带有HTML的javascript
- 如何访问包含在 html 文件中的 JavaScript 变量,并且该文件是动态加载的
- 包含在 html 页面上
- 如何将Javascript和jQuery包含在HTML中