有两种方法可以实现获取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> <i>1-2</i></span><br>
<span class='label'><i>2-1</i> <i>2-2</i></span><br>
<span class='label'><i>3-1</i> <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可以通过修改标签属性来改变它的样式;
js设置和获取标签的属性 :
代码如下:
<script type="text/javascript">
windowonload = function () {
var attr = documentgetElementById("attr");
attrsetAttribute("style", "font-weight:bold;")
alert(attrgetAttribute("style"));
}
</script>
jq设置和获取标签的属性 :
<script src="IP/Scripts/jquery/jquery-142minjs" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#attr")attr("style", "color:#ff0000");//单个属性的设置
$("#Avatar")attr({ "class": "banner", "alt": "头像", "src": "IP/avatar/a118538jpgid=11133319" });//多个属性的设置
alert($("#Avatar")attr("src")); //得到指定标签的属性
});
</script>
$("#select dd div:first a")这样只能取到一个“不限”的a标签，只能分开写，先获取到所有的dd标签，是一个数组，然后对这个数组循环，分别获取里面的a标签： var dd = $("#select dd");
$each( dd, function(i, n){
var a = $(n)children("div")first()children("a")first();
aaddClass("seled");
alert( "Item #" + i + ": " + ahtml() );
});
首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：
<div id='id1' class='class2'></div>
$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。
$('#id1')attr('id')，就是获取到ID
$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。
在动态加标签的时候给标签加上 name 属性。例如：
<div id="mydiv"><input name="cardNo" value="1">
<input name="cardNo" value="2">
</div>
取值时用each循环：
$("#mydiv")find("input[name='cardNo']")each(function(){
var value=$(this)val();//循环取值
});
jquery如何获取多个标签中的任意一个
多个标签中的任意一个？
可按jQuery选择器的方式来选择，
$('#XID') 用来查指定ID为“XID”的页面元素
$('cls') 用来查指定样式类class为“cls”的页面元素
$('table tr td')用来按层级查询table->tr->td，返回表格中所有td
$('table tr td:nth-child(2)')返回表格中第2列的内容
……
注意jQuery查找出的是一个集合，可能有多个页面元素，通过get函式来取出其中一个
如：通过$('table tr td')get(1)取出第二个td
js如何获取多个<label>标签其中的一个值
documentgetElementsByTagName("label")[0]innerText
jquery怎么获取多个class的div标签
方法只有一种：
通过JQuery的class选择器方式。写法，选择器中2个class挨着写
示例
<div class='class1 class3'>class1+3</div><div class='class2 class3'>class2+3</div> 选第一个DIV的话 两个class挨着写，中间没有空格$('class1class3')
jquery怎么获取多个a标签里面的href值
<!DOCTYPE ><><head><script src=/jquery/jquery-1111minjs></script><script>$(function(){ $('test-a')each(function(){ alert($(this)attr('href')); })})</script></head> <body> <a href="test-1">如果您点选我，我会消失。</a> <a href="test-2">点选我，我会消失。</a> <a href="test-3">也要点选我哦。</a> </body></>
<script>
$(function(){
$('a')click(function(){
alert($(this)attr('href'));
return false; 加上这个可以防止跳转
})
})
</script>
$(function(){ $('a')click(function(){ alert($(this)attr('href')); return false; 加上这个可以防止跳转 }) })
如何用 jQuery 获取 iframe 中的标签
$iframe变数是用jquery获取的iframe的物件var $ele = $iframecontents()find('#id');
首先需要获取到文本框元素，然后通过Jquerycss *** 作方法修改样式。
Jquery可以根据标签名、id、类等很多方式选取元素。
ID选择器
# 选取带有唯一的指定 id 的元素。id 引用 HTML 元素的 id 属性。相同的 id 值只能在文档中使用一次。
类选择器
选择器选取带有指定 class 的元素。class 引用 HTML 元素的 class 属性。与 id 选择器不同，class 选择器常用于多个元素。这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式
标签名选择器
element 选择器选取带有指定标签名的元素。标签名引用 HTML 标签的 < 与 > 之间的文本。
如题根据文本框的样式选择标签，我们可以通过以下代码实现。
\\比如文本框的class="text1",则通过类选择器选取。即：$("text1")
Jquery修改样式的方法有css，addClass,removeClass等方法
例如如修改文本框的class="text1"的样式我们可以通过Css方法这样实现：
$("text1")css({width:"70px",height:"20px",border:"1px solide gray"});也可通过直接给该元素新增一个样式达到修改效果：
\我们有一个text2的样式\text2{
width:70px；height:20px；border:1px solide gray；
}
\\然后我们直接添加这个class
$("text1")addClass("text2");
\\如担心之前已有样式和新增样式冲突，我们可以在添加的同时移除新样式。
$("text1")addClass("text2")removeClass("text1");
都知道要获取父级了，查看下手册就能找到你需要的答案了。
$(this)parent('c')siblings('b')find('bb')addClass('bba');
说明一下：parent是获取父级，siglings是获取同级，find是获取子级当然也可以用child
以上就是关于jquery 怎么获取span下第一个i标签全部的内容，包括:jquery 怎么获取span下第一个i标签、怎样用jquery改变标签、jquery如何取所有dd下的第一个div元素，我想在所有的“不限”添加样式。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）