十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
form 表单例如文本框的值是用val()获取的,容器是用 text()或html()
成都创新互联公司是一家专业提供香坊企业网站建设,专注与成都网站制作、成都做网站、H5页面制作、小程序制作等业务。10年已为香坊众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
var $span = $('span');
alert($span.text() + "_" + $span.html());
你好!
通过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() );
}
希望对你有帮助!
上面回答都没解决问题。解决这个问题,把你整段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。
有两种方法可以实现获取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、保存文件,使用浏览器打开,点击按钮后效果如下:
form 表单例如文本框的值是用val()获取的,容器是用 text()或html() var $span = $('span'); alert($span.text() + "_" + $span.html());
用jquery吧这个不复杂吧,再通过class得到下面的span,先通过id得到当前div,再得到span里面的text
(");.fileNamequot.text();获取TEXT