jquery子元素选择器

今天药忘吃喽~ 2023-06-12 06:20 6阅读 0赞

<!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>
      <title>子元素选择器</title>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <style type="text/css"> .yang{ border-collapse: collapse; width:500px;height:30px;border:1px solid red;"}
      </style>
      <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
      <script type="text/javascript">
      /* :nth-child(index/even/odd) //匹配指定索引，或偶数，或奇数的元素（索引从1开始） :first-child //匹配第一个子元素 :last-child //匹配最后一个子元素 :only-child //如果元素为父元素的唯一子元素则匹配 */ window.onload=function(){ $('#btnOk').click(function(){ //匹配第一个子元素
                //$('ol li:first-child ').html('水浒传');
    
                //匹配指定索引
                 // $("ol li:nth-child(3)").html('杨在鲁');
    
                 //如果元素为父元素的唯一子元素则匹配
     $("ol li:only-child").html('杨在鲁'); }); }; </script>
     </head>
     <body>
        <ol>
            <li>三国演义</li>
            <li>西游记</li>
            <li></li>
            <li>红楼梦</li>
        </ol>
            <ol>
            <li>义</li>
        </ol>
      <hr/>
      <input type="button" id='btnOk' value='确定' />
     </body>
    </html>

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS-子元素选择器

说明： 1.子元素选择器，只能选择作为某元素的子元素。 2.子选择器使用：大于号">",进行分割 <html> <head>

朱雀/ 2023年07月01日 06:25/ 0 赞/ 130 阅读

相关 jquery子元素选择器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

今天药忘吃喽~/ 2023年06月12日 06:20/ 0 赞/ 7 阅读

相关 jquery 同级元素下的子元素_jquery选择器之获取父级元素、同级元素、子元素 (转载)...

1、 parent(\[expr\]): 获取指定元素的所有父级元素 href\_fir href\_sec href\_thr href\_fiv $(docum

约定不等于承诺〃/ 2023年01月08日 08:13/ 0 赞/ 191 阅读

相关 jquery选择器之获取父级元素、同级元素、子元素

\---------------------转自http://blog.csdn.net/tolcf/article/details/39289471 一、获取父级元素 1

客官°小女子只卖身不卖艺/ 2022年07月26日 00:22/ 0 赞/ 314 阅读

相关 jquery选择器获取父级元素、同级元素、子元素

一、获取父级元素 1、 parent(\[expr\]): 获取指定元素的所有父级元素 <div id="par_div"><a i

缺乏、安全感/ 2022年06月16日 14:46/ 1 赞/ 476 阅读

相关 jquery子元素过滤选择器，

1.1．子元素过滤选择器根据子元素顺序来获取。：nth-child（序号）；根据序号来选择，序号是从1开始,也可以设置odd even 根据奇偶来设置也

柔情只为你懂/ 2022年06月06日 06:25/ 0 赞/ 263 阅读

相关 jQuery选择器获取元素

1、遍历tr中所有td中的内容 // 遍历 tr $('tab tr').each(function(i){

柔光的暖阳◎/ 2022年05月24日 09:11/ 0 赞/ 249 阅读

相关 jQuery 兄弟元素选择器

本篇文章介绍jQuery的兄弟元素选择器什么是兄弟元素？ <ul id="list"> <li class="li-1">web-7258</li

小鱼儿/ 2022年05月12日 12:26/ 0 赞/ 284 阅读

相关 jQuery 子元素选择器 find() 和 children()

在前面的文章中多次提到了子元素和直接子元素，本篇文章来说明这两者的区别。 <div id="list"> <div name="a">

Love The Way You Lie/ 2022年05月12日 06:50/ 0 赞/ 308 阅读

相关 CSS 子元素选择器

所有选择器参考手册：http://www.w3school.com.cn/cssref/css\_selectors.asp 1）子元素选择器参考链接：http:

「爱情、让人受尽委屈。」/ 2022年01月09日 05:29/ 0 赞/ 270 阅读