网站建设资讯

NEWS

网站建设资讯

jquery获取span,jQuery获取父节点

jquery 获取元素span的值

form 表单例如文本框的值是用val()获取的,容器是用 text()或html() 

成都创新互联公司是一家专业提供香坊企业网站建设,专注与成都网站制作、成都做网站、H5页面制作、小程序制作等业务。10年已为香坊众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

var $span = $('span');

alert($span.text() + "_" + $span.html());

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

}

希望对你有帮助!

jquery如何获取span的文本?

上面回答都没解决问题。解决这个问题,把你整段script放在span的下方就ok。如:html

head

SCRIPT language=JavaScript src="js/jquery-1.3.1.js"/SCRIPT

/head

body

span id="aa"aaaa/spanSCRIPT language=JavaScript

var aa=$("#aa").val();

var cc=$("#aa").html();

var bb=$("#aa").text();

alert(aa);

alert(bb);

alert(cc);

/script

/body

/html问题出在html是从上往下解析的,在解析到你js里的$("#aa")时,下面这个span还不存在,当然就undefined了。js在下面解析,span就有了。另外,jquery的做法是用ready函数包含这些代码,放哪就无所谓了。它的作用就是在加载完整个页面后才执行包含的js。

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

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

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

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

$("span.label").each(function() {

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

});

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

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

div id="test"

span class='label'i1-1/inbsp;nbsp;i1-2/i/spanbr

span class='label'i2-1/inbsp;nbsp;i2-2/i/spanbr

span class='label'i3-1/inbsp;nbsp;i3-2/i/span

/div

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

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

script

$(function(){

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

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

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

$("span.label").each(function() {

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

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

});

});

});

/script

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

jQuery怎获取到到span值

form 表单例如文本框的值是用val()获取的,容器是用 text()或html() var $span = $('span'); alert($span.text() + "_" + $span.html());

如何利用jquery获取div下的

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

(");.fileNamequot.text();获取TEXT


本文题目:jquery获取span,jQuery获取父节点
链接地址:http://cdweb.net/article/pheego.html