js 获得某节点的子节点,已知该子节点为div

js 获得某节点的子节点,已知该子节点为div,第1张

我试过了,有作用的,你要么就委派事件,如果还不可以的话,delegate知道吧???

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<meta name="keywords" content="节点,元素,属性,已知,兄弟">

<title>白菜编辑部</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    $ ('body')append ('<div class="out"><a></a><h1></h1><div class="btn">btnbtnbtn</div></div>');

    $ ('divout')mouseover (function ()

    {

    $ ('btn')show ();

    })mouseout (function ()

    {

    $ ('btn')hide ();

    });

    });

</script>

</head>

<body>

</body>

</html>

jquery获取父元素方法比较多,比如parent(),parents(),closest(),find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。

$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');

jquery 兄弟节点的获取

<ul>

<li>

<h3 class="title">类目一</h3>

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

</li>

<li>

<h3 class="title">类目二</h3>

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

</li></ul>

比如要点击类目一所在的 h3,对其兄弟节点的 ul 添加一个叫做 "show" 的 class,代码如下:

$("title")click(function () { $(this)parent()find('ul')addClass('show'); });

就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul,还有一种方法是使用 siblings() 函数,代码如下:

("title")click(function() { $(this)siblings('ul')addClass('show'); })

子节点怎么获得

$("#tbody1:first-child")

:first-child

匹配第一个子元素

':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素

*** 作xml文件的类是

using

SystemXml;

中的

XmlDocument

以下是一个简单的例子

XmlDocument

xml

=

new

XmlDocument();//新建xml对象

xmlLoad("xml文件路径");

//载入xml文件路径

XmlNode

node

=

xmlFirstChild;

//获取文档的第一个节点

foreach

(XmlNode

n

in

nodeChildNodes)

{

string

v

=

nValue;

//节点的值

string

v1

=

nAttributes["属性名"]Value;

//节点属性值

string

v2

=

n["元素名"]Value;

//元素值

string

v3

=

n["元素名"]Attributes["属性名"]Value;

//元素属性值

}

 public

 

void

 

LoadNodes() {

    Element eRoot = docgetDocumentElement();

        try {

            NodeList n1 = docgetElementsByTagName("student");

            Element e;

            int len = n1getLength();

            for (int j = 0; j < len; j++) {

                e = (Element) n1item(j);

                //如果此节点元素为根节点,则跳过

                if (eequals(eRoot)) {

                    continue;

                } else {

                    //若此节点不为根节点,再来判断它的父节点是否为根节点,如果是,那就是你想要的 student 节点。

                    if ((Element)egetParentNode()==eRoot) {

                        printNode(e);

                    } 

                }

            }

        } catch (Exception ie) {

            Systemoutprintln(ietoString());

        }

    }

$(function () {

    $("navbar-inverse li")each(function (index) {

        if ($(this)children()text()indexOf("主页") >= 0) {

            $(this)addClass("active");

        }

    });

});

这个是获取ul下的li,然后设置样式。

以上就是关于js 获得某节点的子节点,已知该子节点为div全部的内容,包括:js 获得某节点的子节点,已知该子节点为div、用jquery怎么取父节点的兄弟节点的所有子节点、XML怎么获取指定节点下所有子节点的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9468637.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存