java获取div里的span正则

java获取div里的span正则,第1张

你这个个price是多个还是一个

如果是多个的 给price加个id

改成:

<span class="price_id">178<span>

这个id是唯一的数字,

获取:

$('price_'+id)html();

这样就可以获取了

有两种方法可以实现获取span下第一个i标签:

1、使用css选择器: first-child 或nth-child(1),具体代码为:$("spanlabel i:first-child") 或  $("spanlabel i:nth-child(1)")

2、使用遍历方法:first()、eq()等,具体代码为:

$("spanlabel")each(function() {

$(this)find("i:eq(0)")   // 或者$(this)find("i")first()

});

下面进行实例演示:为所有span的第一个i标签的元素都添加红色样式:

1、新建一个HTML文件,为了演示需要假设如下的HTML结构:

<div id="test">

    <span class='label'><i>1-1</i>&nbsp;&nbsp;<i>1-2</i></span><br>

    <span class='label'><i>2-1</i>&nbsp;&nbsp;<i>2-2</i></span><br>

    <span class='label'><i>3-1</i>&nbsp;&nbsp;<i>3-2</i></span>

</div>

<input type="button" id="btn" value="设置">

2、在上面新建文件的开头部分添加如下jquery代码:主要逻辑为在点击按钮时相应一个 *** 作,即获取span下第一个i标签(下面注释部分给出了4种方法都是可行的,可以根据需要进行选择)。为了演示效果,使用addClass()函数为获取到的span下第一个i标签添加红色的样式。

<script>

$(function(){

    $("#btn")click(function() { // 点击按钮就相应下面的 *** 作

        // $("spanlabel i:first-child")addClass('red'); // 方法1,使用first-child选择器

        // $("spanlabel i:nth-child(1)")addClass('red');  // 方法2,使用nth-child(1)选择器

        $("spanlabel")each(function() {

            // $(this)find("i:eq(0)")addClass('red');   // 方法3,遍历后使用eq()方法

            $(this)find("i")first()addClass('red');      // 方法4,遍历后使用first()方法

        });

    });

});

</script>

3、保存文件,使用浏览器打开,点击按钮后效果如下:

不知道楼主是要获得span里的什么东西, 你的span里是一个<a>标签元素啊

不知道是不是这个意思

var span = $('#like_5920');

alert($(span)find('a')text());

输出: 喜欢(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>chaxun</title>

<script language="javascript">

   function add_bg_content(e){

      createRequest('bg/addContentphptemplate='+eid);

   }

</script>

</head>

<body>

<span class="template" id="169" ondblClick="add_bg_content(this)">一号教学楼</span>

<span class="template" id="170" ondblClick="add_bg_content(this)">二号教学楼</span>

<span class="template" id="171" ondblClick="add_bg_content(this)">三号教学楼</span>

<span class="template" id="172" ondblClick="add_bg_content(this)">一号实验楼</span>

<span class="template" id="173" ondblClick="add_bg_content(this)">二号实验楼</span>

<span class="template" id="174" ondblClick="add_bg_content(this)">三号实验楼</span>

</body>

</html>

或者

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>chaxun</title>

<script language="javascript">

   windowonload=function(){

      var arr = documentquerySelectorAll('spantemplate');

      for(var i = 0;i<arrlength;i++){

         arr[i]ondblclick = function(){

            createRequest('bg/addContentphptemplate='+thisid);

         }

      }

   }

</script>

</head>

<body>

<span class="template" id="169">一号教学楼</span>

<span class="template" id="170">二号教学楼</span>

<span class="template" id="171">三号教学楼</span>

<span class="template" id="172">一号实验楼</span>

<span class="template" id="173">二号实验楼</span>

<span class="template" id="174">三号实验楼</span>

</body>

</html>

首先给 span 设定一个 id(或者 class,这是为了方便 jQuery 获取),例如 span#span。

其次,兄弟节点是单个还是多个,这里例子给出的是 span 的下一个。

$(function(){

    $("#span")click(function(){

        var $this = $(this);

        // 获取 span 的下一个节点 B

        // 如果需要获取 span 兄弟节点是上一个的话,可以使用 prev

        // 如果是多个的话,需要使用 siblings,详细参考 jQuery api 手册

        var B = $thisnext(); 

        

        if( $thishasClass("A") ){ // 判断是否有 A class

            $thisremoveClass("A")addClass("C");

            Bhide();

        }else{

            $thisremoveClass("C")addClass("A");

            Bshow();

        }

    });

});

仅供参考

PS 下次提问记得设定分类,否则可能没人回答哦~

建议去看看firstChild和firstElementChild的区别

针对你目前的实现方式,如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "

<html xmlns="

<meta ;

提供另外一种方式:直接给span一个id,然后通过documentgetElementById方法获取span的对象,然后获取span的innerHtml值;

以上就是关于java获取div里的span正则全部的内容,包括:java获取div里的span正则、jquery 怎么获取span下第一个i标签、JS获取span的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9754031.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存