jquery 获取 DIV 下的 第2个 span

你好！

通过jquery的层级选择器，可以轻松搞定：

$('div')click(function(){

    //  ">span:nth-child(3)"    表示div的子span元素集合中的第3个元素

    //  "$(">span:nth-child(3)",this)"   表示在当前div查找

   alert(   $(">span:nth-child(3)",this)html()   );    

   

   //另外eq()方法也同样可以,注意索引从0开始

   alert(   $(">span",this)eq(2)html()   );

   

   //jquery中的children

   alert(  $(this)children("span")last()text()  );

   //匹配最后一个子元素

   alert(  $(">span:last-child",this)html()   );

   alert(  $(this)children("span:last")html()  );

   

}

希望对你有帮助！

准确的说，提取span标签中间的内容可以使用javascript实现或者使用jQuery实现

1、使用javascript实现

a、为span设置一个id，写如下js代码

var value=documentgetElementById("span的id属性")innerHTML;或

var value=documentgetElementById("span的id属性")innerText;

就可以取出下面的span标签中间的文本

innerHTML和innerText的区别再是能否识别html标签

2、使用jQuery实现

a、为span设置一个id，写如下jquery代码

$("#span的id属性")html()或者

$("#span的id属性")text()

b、不设置任何属性

$("div span")html()取出div下第一个span的内容或者

$("div span")text()取出div下所有span的内容

<span id="myItem">选项卡</span>

<a id="myContent">这里是要显示在选项卡的内容</a>

js：

jQuery("#myContent")click(function(){

var myContent = jQuery("#myContent")val();

//把a标签的内容显示在选项卡中

jQuery("#myItem")html(myContent) ;

//把a标签的内容显示在选项卡的title属性中

jQuery("#myItem")attr("title",myContent) ;

});

不知道我理解的对不对

$('span')click(function(){

alert($(this)parent()prop('id')); //d出你点击的数字对应li的id

})

有两种方法可以实现获取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、保存文件，使用浏览器打开，点击按钮后效果如下：

以上就是关于jquery 获取 DIV 下的 第2个 span全部的内容，包括:jquery 获取 DIV 下的 第2个 span、如何取div中包含的span的value、jquery如何获取动态添加的A标签中的文本等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！