首页 > 其他分享 >jquery 选择下一个子标签选择器

jquery 选择下一个子标签选择器

时间:2022-11-17 09:35:20浏览次数:56  
标签:jquery 标签 选择器 计划 next id

 

 


 <p>
            <label for="p1">计划1: </label>
            <input type="text"  name="p1c" id="p1c" value="50">%
            <input type="text" name="p1s" id="p1s"  value="0">
            <input type="text" name="p1date" id="p1date"  onFocus="HS_setDate(this)"  />
            <span class="removeVar">删除</span>
        </p>

        <p>
            <label for="p2">计划2: </label>
            <input type="text" name="p2c" id="p1c">%
            <input type="text" name="p2s" id="p1s" value="0">
            <input type="text" name="p2date" id="p1date" onFocus="HS_setDate(this)"  />
            <span class="removeVar">删除</span>
        </p>

 如何在点击计划1下面的id p1s时,自动在下一行(计划2),id:p1c 自动显示剩下的百分比,尝试用prev及next(),nextAll()都没有得出正确的结果

后来发现jQuery的选择器默认是在<p></p>范围内选择,而计划2已经是属于另一个父元素,所以要跨过去。

 $ ( this ).parent ( 'p' ).next ().children ( ':eq(1)' ).val ( 100 - percent );

 解释起来就是当前父标签的下一个p标签的子标签的第2个,(第一个是label)

一个不恰当的比喻,家族里的一个男孩要找叔叔家的长兄弟,需要先找到父亲的大弟弟,然后再找叔叔的第2个孩子。


 

标签:jquery,标签,选择器,计划,next,id
From: https://www.cnblogs.com/alljill/p/16898329.html

相关文章

  • 第四十九章 开发自定义标签 - 在action之外使用<csr>标签
    第四十九章开发自定义标签-在action之外使用标签在action之外使用<csr>标签有一些标签可以在规则定义中的操作之外使用。介绍以下标签:<csr:class>Tag<csr:pr......
  • jquery.dataTables简单使用
    <scripttype="text/javascript"language="javascript"src="jquery/jquery-3.6.0.min.js"></script><linkrel="stylesheet"type="text/css"href="dataTable/css/jqu......
  • jquery dom 查找元素
    $("div");//所有div元素$(".item");//class为item的元素$("#content");//id为content的元素$("#contentp");//id为content内的p元素$("#contentp,......
  • 20.JQuery基础
    概述1.jQuery提供了强大的元素选择器2.jQuery对css样式操作的支持,可以对class删除增加替换,支持对单个声明的修改3.jquery对DOM进行了封装,极大简化了js对DOM的增删改查......
  • jquery要点
    Jquery用jquery来隐藏、显示、修改结点,并触发动作,进行ajax请求基本语法通过选取HTML元素,并对选取的元素执行某些操作$(selector).action()文档就绪事件$(docu......
  • day27 -选择器完
    层次选择器选择全部*p{}所有该属性标签都会改变样式 1p{2background:#15f50c;3} 后代选择器选择某一项的后代所有的该元素都改变样式 1后代选......
  • CSS语法格式和CSS_选择器_基础选择器
    CSS语法格式:格式∶选择器{属性名1:属性值1;属性名2:属性值2;}选择器:筛选具有相似特征的元秦注意:每一对属性需要使用;隔开,最后一对属性可以不加;   CSS_选......
  • CSS_选择器_基础选择器与CSS_选择器_扩展选择器
    CSS_选择器_基础选择器选择器:筛选具有相似特征的元素分类:1.基础选择器......
  • jQuery
    一、jQuery能做什么1)HTML元素选取2)HTML元素操作3)CSS操作4)HTML事件函数5)JavaScript特效和动画6)HTMLDOM遍历和修改7)AJAX8)Utilities提示:除......
  • 第四十八章 开发自定义标签 - 在action中使用csr标签
    第四十八章开发自定义标签-在action中使用csr标签在action中使用<csr>标签在规则的操作定义中,可以使用一些附加标记。本节描述:<csr:default>Tag<csr:children>......