`
sty2008boy
  • 浏览: 295414 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

Jquery查找父级元素

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>MyHtml.html</title>

		<script type="text/javascript"
			src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function () {
			var as = $("a");
			$.each(as, function(i, n){
				$(n).click(function(){
					if($(this).parent().attr("class")=="closed")  
						$(this).parent().attr("class","opened");
					else
						$(this).parent().attr("class","closed");  
				});  
			});
		});
		</script>
	</head>

	<body>
		<ul>
			<li class="opened">
				<span class="liststyle"></span><a href="#">搜索1</a>
				<p class="clear"></p>
			</li>
			<li class="opened">
				<span class="liststyle"></span><a href="#">搜索2</a>
				<p class="clear"></p>
			</li>
			<li class="opened">
				<span class="liststyle"></span><a href="#">搜索3</a>
				<p class="clear"></p>
			</li>
			<li class="opened">
				<span class="liststyle"></span><a href="#">搜索4</a>
				<p class="clear"></p>
			</li>
		</ul>
	</body>
</html>

 2.

$("a").click(function(){
    $(this).parent().attr("class","closed");
)

 

3.

$("a").click(function(){ 
  $(this).closest("li").removeClass("opened").addClass("closed"); 
});

4.

if ($(this).parent().first().attr("class") == "MyName") {
  temp = temp+"(Normal)";
  } 

alert($("#show").attr("class").indexOf("b"));
alert($("#show2").attr("class") == "myCls");
alert($("div:eq(0)").attr("class") == "myCls"); 

<div id="show" class="a b c"></div>
<div id="show2" class="myCls"></div>

 

5.

1.attr(name)
2.$(id)[index].className

 

 

 

分享到:
评论

相关推荐

    jquery 查找iframe父级页面元素的实现代码

    jquery 查找iframe父级页面元素的实现代码,学习jquery的朋友可以参考下。

    jQuery获取父元素及父节点的方法小结

    jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, &lt;li&gt;&lt;a&gt;jquery获取父节点&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a&gt;jquery获取父元素&lt;/a&gt;&lt;/li&gt; ...

    jQuery父级以及同级元素查找介绍

    父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下

    Jquery调用iframe父页面中的元素及方法

    对于javascript操作iframe父级页面元素的方法,大家应该都非常清楚了,下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。

    jQuery中closest和parents的区别分析

    parent()——唯一父级元素,可能是0个或1个元素。 2.祖先 parents(selected)——所有selected祖先(不包含根元素),可能是0个、1个或多个元素。 closest(selected)——唯一selected祖先,可能是0个或1个元素。 ...

    jquery-1.3.2

    //对象的父级元素 $("p").append("&lt;b&gt;Hello&lt;/b&gt;");//给对象添加内容 4、支持aJax,支持文件格式:xml/html/script/json/jsonp 以下为引用的内容: $("#feeds").load("feeds.html");//相应区域导入静态页内容 $(...

    jQuery层级选择器用法分析

    用于查找在给定的父元素下查找 这个父元素下的所有子元素,语法格式: 代码如下:$(“parent-&gt;chilid”); 2. 后代元素选择器 用于在给定的祖先元素下匹配所有的后代元素,语法格式: 代码如下:$(“ancestor descendant...

    JavaScript 获取元素在父节点中的下标(推荐)

    jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标,需要的朋友参考下吧

Global site tag (gtag.js) - Google Analytics