<!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
分享到：
相关推荐
JavaScript 和 jQuery 提供了多种方式来获取HTML文档中的父级元素、子级元素以及兄弟元素。在JavaScript中，这些操作相对复杂，而在jQuery库的帮助下，它们变得更加简洁。 首先，我们来看JavaScript获取元素的方法...
知识点如下： 1. jQuery的跨iframe元素操作： jQuery提供了一种机制可以操作...以上知识点涵盖使用jQuery操作iframe父级页面元素时需要注意的多个方面，包括操作方法、安全策略、浏览器兼容性及代码实践的最佳做法。
JS与jQuery在获取父级元素、子级元素和兄弟元素方面有着各自的方法和特点。本文将详细介绍如何使用原生JS和jQuery来获取这些DOM元素，并比较这两种技术实现方式的异同。 ### JS获取元素的方法 在原生JavaScript中...
在jQuery库中，查找父级、同级及子级元素是常见的操作，这些功能使得DOM操作变得简单且高效。以下是对jQuery中与父级、同级元素查找相关的API的详细解释： 1. **jQuery.parent(expr)**: 这个方法用于查找当前元素的...
jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解： 先举个例子， <li><a>jquery获取父节点</a></li> <li><a>jquery获取父元素</a></li> ...
本文主要探讨的是如何使用jQuery来遍历DOM的父级元素、子级元素和同级元素。 首先，我们来看如何遍历父级（祖先）元素： 1. `parent()`：这个方法用于获取一个元素的直接父元素。例如，如果你有一个`<span>`元素，...
在给定的标题和描述中，主要涉及的是通过父级元素来查找和定位子元素，这是一个常见的场景，特别是在响应式设计或者动态交互中。 在给出的HTML代码片段中，我们看到一个`<ul>`元素，id为"newslist"，其中包含一个`...
本文将深入探讨如何使用jQuery选择器获取父级元素、同级元素和子元素，这对于网页交互和DOM操作至关重要。 一、获取父级元素 jQuery提供了`parent([expr])`方法来获取元素的直接父元素。例如，如果你有一个`<a>`...
在父级元素被找到之后，我们就可以在这个父级元素内部进行查找了。`.find()`方法会在被选元素的后代中查找匹配的元素。因此，`$(link).parent().parent().find(".icon")`的意思是：从触发事件的元素开始，向上遍历两...
其中`document`可以替换为任何包含目标元素的父级元素，`#dynamic-element-id`是目标元素的选择器，`function() {}`是事件触发时执行的回调函数。 5. 示例代码分析：文章中提供的代码展示了如何为动态生成的select...
你可以使用以下Jquery代码来获取并高亮显示p1的父级元素div1： ```javascript $("p#p1").parents().css("border", "1px solid blue"); ``` 这个方法通过给父级元素div1加上蓝色边框，帮助我们清楚地看到元素的关系...
在jQuery中，我们可以通过以下方式在`iframe`中查找并操作父页面的元素： 1. **查找父页面元素**： 使用`$(‘#id', window.parent.document)`，这里的`#id`是你想查找的父页面元素的ID。例如，如果我们要获取父...
`.find()`和`.children()`方法用于遍历元素的后代，`.parent()`和`.parents()`则用于查找父级元素。 三、DOM操作 jQuery提供了方便的DOM操作方法，如`.html()`、`.text()`和`.val()`用于获取或设置元素的HTML内容...
- `parent()`, `parents()`: 获取元素的父级或所有祖先元素。 - `siblings()`: 获取元素的同级元素。 4. **Core Methods**: - `$()`: jQuery的构造函数，可以用于选择元素、创建DOM元素或执行函数。 - `$....
- `.siblings()`, `.children()`, `.parent()`: 查找兄弟、子代和父级元素。 - `.filter()`, `.not()`: 过滤匹配的元素集合。 7. **遍历和属性操作**： - `.each()`: 遍历jQuery对象中的每个元素并执行函数。 -...
在代码中，通过`$(obj).parent().parent()`来获取当前操作元素所在的tr元素，这是因为操作元素被包裹在两个父级元素之内（`<a>`和`<td>`）。 同理，`down(obj)`函数的逻辑与`up(obj)`类似，不过它获取的是后一个...