html代码:
<div><p>Hello</p><p>Hello</p></div>jQuery 代码:
$("p").parent()结果:
[ <div><p>Hello</p><p>Hello</p></div>]如果我只想获取div标签怎么办?比如我想给div变色,但是里面的内容不变色,如何操作。不能直接选$("div")也不能指定id或者class,有特殊需求。
<div><p>Hello</p><p>Hello</p></div>jQuery 代码:
$("p").parent()结果:
[ <div><p>Hello</p><p>Hello</p></div>]如果我只想获取div标签怎么办?比如我想给div变色,但是里面的内容不变色,如何操作。不能直接选$("div")也不能指定id或者class,有特殊需求。
<div><p>Hello</p><p>Hello</p></div>
<style type="text/css">
p { background-color:blue; }
</style>
<script type="text/javascript">
var obj = $("p").parent().css('background-color', 'black');
</script>
得到的是DIV
而且我上面的语句选择出的是不能给变色的因为是个集合,试过了。
按照你给的代码。。它取到的就是div..不知道你怎么测的。。
$("#Menu li a").live("mouseover",function(){
id=$(this).attr("title")
li=$(this).parent("li")
li.css({"backgroundColor":"red"})
})html:<ul id="Menu">
<li><a title="1">管理片区</a></li>
</ul>鼠标移动到上面并没有变色,因为获取的不是<li></li> 是<li><a title="1">管理片区</a></li>
div里面包含p标签
那有办法获取只是外围标签(div)吗?
一样的,写法不同而已。我的问题就是想只选择外围的div标签。
<!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" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head><body>
<ul id="Menu">
<li><a title="1">管理片区</a></li>
</ul>
<script>
$("#Menu li a").live("mouseover", function () {
id = $(this).attr("title")
li = $(this).parent("li") li.css({ "backgroundColor": "red" })
})</script>
</body>
</html>为什么变色了。。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#Menu li a").live("mouseover",function(){
id=$(this).attr("title");
li=$(this).parent("li");
li.css({"backgroundColor":"red"});
})
});
</script>
</head><body>
<ul id="Menu">
<li><a title="1">管理片区</a></li>
</ul>
</body>
</html>
$(document).ready( function() {})和
$(function(){})不是等价的啊,我以前忘记在哪看见说是等价了,看来我以前整错了,我去查查资料。
$(function(){})