javascript-jq 根据span内容选中span

问题描述

jq 根据span内容选中span
 <span>aa</span><span>bb</span><span>cc</span><span>dd</span>......

如上代码,span的个数不固定,现在只知道“cc”这个值,如何用这个值,选中其所在的span?

我想到的是这样$(""span[text='cc']""),可惜行不通,直接js能实现也可以~求大神指教~~

解决方案

:contains选择器

 <span>aa</span><span>bb</span><span>cc</span><span>ccdd</span><span>dd</span><script type=""text/javascript"" src=""http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js""></script><script type=""text/javascript"">  console.log( $(""span:contains('cc')[innerHTML='cc']""))</script></html>

解决方案二:
$(""span"").each(function(){

      if($(this).text() ==""cc"")           alert($(this).parent().html()); });

解决方案三:

 $(function(){            var spanList = $(""span"").filter(function(index) {                  return $(this).text().trim() == ""CC"";            });            console.dir(spanList);        })
时间: 2024-08-01 01:57:57

javascript-jq 根据span内容选中span的相关文章

span-如何删除DIV内指定ID的SPAN标签及SPAN内的内容

问题描述 如何删除DIV内指定ID的SPAN标签及SPAN内的内容 <div id=""showfj""><span id=""AAA""><a href=""javascript:void(0)"">Chrysanthemum.jpg</a></span><span id=""BBB"&qu

JavaScript获取文本框内选中文本的方法

 这篇文章主要介绍了JavaScript获取文本框内选中文本的方法,实例分析了javascript通过onclick获取文本框选中文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 代码如下: <script type="text/javascript"&

JavaScript获取页面上被选中文字的方法技巧

 这篇文章主要介绍了JavaScript获取页面上被选中文字的方法技巧,本文直接给出实现代码和运行效果,需要的朋友可以参考下     这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: 代码如下: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. 代码如下: $(docume

javascript实现复选框选中属性_javascript技巧

熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常Google到一些这个不好那个不好的文章,到后面自己都混乱了.今天偶然看到一篇外国的博客,觉得讲解的很不错,打算翻译成中文,并加上了一些自己的见解. 如果你从事web开发并且在你开发的网页中有复选框,你可能需要判断当前该复选框是否选中,进而执行一些条件语句.有很多种方法来判断一个复选框是否选中. 让我们先来看看原生的javascr

Javascript基于jQuery UI实现选中区域拖拽效果_javascript技巧

一.效果展示 普通的三个div 鼠标拖动选中效果 选中所有的div 这样貌似看不出效果,没关系,我们有神奇的gif动画,来一个整体的动画效果感受下. 二.代码实现 整个代码其实也不难,需要用到一个博主自己封装的js文件. AreaSelect.js 考虑到代码量有点大,并且知乎没有代码折叠功能,所以这里就留一个文件名.等博主抽时间将它开源到github上面去,当然,有需要的朋友也可以直接联系博主,博主免费提供! 引入这个js后,还需要引用jquery和jquery UI相关文件. <script

JavaScript获取文本框内选中文本的方法_javascript技巧

本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 复制代码 代码如下: <script type="text/javascript"> function getFieldSelection(select_field) {     word='';     if (document.selection) {   

JavaScript获取页面上被选中文字的方法技巧_javascript技巧

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: 复制代码 代码如下: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. 复制代码 代码如下: $(document).ready(function () {    $(".contenttext").mouseup

Javascript ajax调用新闻内容并显示

html如下,我们这个页面让dedecms调用数据新闻标签  代码如下 复制代码 dedecms模板标签是否样  {dede:arclist typeid='3' row='6' orderby='id'}                                                              <li data-value="url(/images/20131107153016.jpg)">                         

JavaScript将Web页面内容导出到Word及Excel的方法

 这篇文章主要介绍了JavaScript将Web页面内容导出到Word及Excel的方法,涉及javascript操作ActiveXObject控件的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript将Web页面内容导出到Word及Excel的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 3