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