如何使用jquery选择包含特定文本值的跨度
How do I select a span containing a specific text value, using jquery?
如何查找包含文本"find ME"的span
<div>
<span>FIND ME</span>
<span>dont find me</span>
</div>
http://api.jquery.com/contains-selector/
$("span:contains('FIND ME')")
ETA:
contains选择器很好,但过滤跨度列表可能会更快:http://jsperf.com/jquery-contains-vs-filter
$("span").filter(function() { return ($(this).text().indexOf('FIND ME') > -1) }); -- anywhere match
$("span").filter(function() { return ($(this).text() === 'FIND ME') }); -- exact match
使用包含:
$("span:contains('FIND ME')")
顺便说一句,如果你想将其与变量一起使用,你可以这样做:
function findText() {
$('span').css('border', 'none'); //reset all of the spans to no border
var find = $('#txtFind').val(); //where txtFind is a simple text input for your search value
if (find != null && find.length > 0) {
//search every span for this content
$("span:contains(" + find + ")").each(function () {
$(this).css('border', 'solid 2px red'); //mark the content
});
}
}
我认为这将适用于
var span;
$('span').each(function(){
if($(this).html() == 'FIND ME'){
span = $(this);
}
});
相关文章:
- 当文本字段或文本区域使用纯JavaScript聚焦时,禁用键盘快捷键
- jQuery文本未使用fadeIn正确显示
- 使用Javascript更改span的文本-不使用“;OnClick”;
- 将 import.io 与鼠标悬停文本一起使用
- 启用单选按钮的文本框使用 javascript 列出列表项值之一
- 在文本区域中查找,隐藏和替换带有图片的文本,使用关键字取消隐藏点击
- 如何通过选择从SQL填充的下拉列表来检索SQL中的值到文本区域使用JavaScript在PHP中
- 如何创建动态文本并使用 KineticJS 对其进行编辑.任何可以说明的例子都会很棒
- [代码播放器]当 iframe 内容从文本区域使用 JavaScript 动态加载时,如何在 iframe 内查找元素
- 如何在 html 中编写文本并使用 onclick 提交
- 文本区域使用 jQuery 展开,当我单击提交按钮时不会提交表单
- 更新引导拆分按钮文本并使用下拉按钮功能
- 选择文本并使用 JavaScript 设置“文本区域”的格式
- 文本框使用 if else 语句打开我的链接 JavaScript
- 更改属性文本并使用挖空保留输入的值
- 单击NG-Repeater中的文本,使用JavaScript进行量角器
- 从文本字符串使用 javascript 创建数组并操作数据以满足您的需求
- 如何避免在Facebook帖子描述文本中使用Javascript
- 如何在特殊字符的输入文本中使用annyang
- AngularJS文本输入使用ng模型,但需要默认值,而不使用value=或ng-init=