jquery 怎么获取span下第一个i标签

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

亲，这样写就可以了

<script>

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

     alert($(this)text());

   })

</script>

用jquery吧这个不复杂吧，再通过class得到下面的span，先通过id得到当前div，再得到span里面的text

(");fileName&quottext();获取TEXT

可以在插入c,d的代码后，重新执行一次$("a")click(function(){alert($(this)attr("name")});即可。

$("a")click(function(){alert($(this)attr("name")});是修改当前所有<a>节点的属性，此时，a，b被改变，而c和d尚未生成。

我觉得你是不是忘了把jquery代码放在$(function(){//代码});里 ，我放进去后 可以执行if里面语句

alert("HELLO");

正确的代码如下：

<script src="jquery-161minjs"></script>

<span id="power"></span>

<!--下面是JQUERY的代码-->

<script>

$(function(){ //注意要放在这里面

var result="教师"; //这里是获得的值，假设为教师

$("#power")text(result); //给SPAN里赋值

var power=$("#power")text(); //获取SPAN里的值

if(power=="教师"){

alert("HELLO");

}

});

</script>

你可以再试试看，我的能执行的，如有疑问再问我

你确定你的jquery代码没有语法错误吗？如果 if("教师"==power){} 里面有错误的话，不会继续执行的！如果确定没有错误的话，可以将页面编码设为utf-8试试

<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

})

你好！

通过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()  );

   

}

希望对你有帮助！

以上就是关于jquery 怎么获取span下第一个i标签全部的内容，包括:jquery 怎么获取span下第一个i标签、jquery取a里面span的值的问题、如何利用jquery获取div下的<span标签里的值，万分等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！