js或jquery取子标签的值

<div class="tree-item tree-selected" style="display: block;">
<i class="icon-ok"></i>
<div id="name" class="tree-item-name">aaaaaa</div>
</div>请问用js或jquery怎么能取到aaaaa这个值啊?
谢谢了

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

jQuery:
$(".tree-item-name").html();
不好意思没说明白<div class="tree-item tree-selected" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">aaaaaa</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">bbbbbb</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">ccccc</div>
</div>
用ID的值也可以:<script type="text/javascript">
alert(document.getElementById('name').innerHTML);
//jQuery:$('#name').html()</script>
javascript: document.getElementById('name').innerHTML;
jQuery: $("#id").html();
不好意思没说明白<div class="tree-item tree-selected" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">aaaaaa</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">bbbbbb</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">ccccc</div>
</div>
要取aaaaa这个值 ...谢谢了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head><body>
<div class="tree-item tree-selected" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">aaaaaa</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">bbbbbb</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">ccccc</div>
</div>
<script type="text/javascript">
jQuery(function($){
var s=$('.tree-item-name:first').html();
alert(s);
});
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head><body>
<div class="tree-item tree-selected" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">aaaaaa</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">bbbbbb</div>
</div><div class="tree-item tree" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">ccccc</div>
</div>
<script type="text/javascript">
jQuery(function($){
var s=$('.tree-item-name:first').html();
alert(s);
});
</script>
</body>
</html>那我取bbbbbb呢...就是选3个的其中一个...不一定是第一个
谢谢了
真是不好意思...我还是说的不太清楚<div class="tree-item tree-selected" style="display: block;">
   <i class="icon-ok"></i>
   <div id="name" class="tree-item-name">ddd</div>
</div><div class="tree-item" style="display: block;">
    <i class="tree-dot"></i>
    <div id="name" class="tree-item-name">bbb</div>
</div>就是说我取的是<i class="icon-ok"></i> 就是class为icon-ok下面div中的值
选取的时候没有任何规律,是用户来选择的.所以不能用固定是第几个值
是用户来选择的.所以不能用固定是第几个值
re:用户怎么选？如果是click你绑定事件处理函数
用户怎么选？如果是click你绑定事件处理函数就是当用户选择的时候<i class="tree-dot"></i>会变成<i class="icon-ok"></i>
默认的情况是class="tree-dot"
就是当用户选择的时候<i class="tree-dot"></i>会变成<i class="icon-ok"></i>
默认的情况是class="tree-dot"用户怎么选呀？
就是前面勾选上了的话就会将class="tree-dot" 变成 class="icon-ok"我想取到的 class="tree-item-name" 的class中的值
就是前面勾选上了的话就会将class="tree-dot" 变成 class="icon-ok"我想取到的 class="tree-item-name" 的class中的值
$(".icon-ok").next().html()
就是前面勾选上了的话就会将class="tree-dot" 变成 class="icon-ok"我想取到的 class="tree-item-name" 的class中的值你用什么js实现上面的点击后在文字前面出现个勾。贴出来这个js
你用什么js实现上面的点击后在文字前面出现个勾。贴出来这个js16楼的可以...谢谢了
谢谢你这么耐心的回复
$(".icon-ok").next().html()
这个可以
谢谢