ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js技术之获取当前元素的上一个/下一个兄弟级元素等元素的方法(获取上一个/下一个input)

2022-05-11 14:04:29  阅读:522  来源: 互联网

标签:jQuery 返回 purchasePrice expr 元素 js 获取 节点


一.说明

jQuery获取:

jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点

jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll(),返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll(),返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点,不分前后

jQuery.find(expr),跟jQuery.filter(expr)完全不一样:

jQuery.filter(),是从初始的jQuery对象集合中筛选出一部分,而

jQuery.find(),的返回结果,不会有初始集合中的内容,比如$("p").find("span"),是从<p>元素开始找<span>,等同于$("p span")

二.案例

JSP控件

<td>
   <input type="text" name="products.purchasePrice" value="${product.purchasePrice}">
</td>
<td>
   <input type="text" thanSalesPrice="${loopStatus.index }" name="products.salesPrice" value="${product.salesPrice}">
</td>

 

js校验

// 判断
jQuery.validator.addMethod("thanSalesPrice", function(value, element, param) {
// 输入salesPrice参数时获取purchasePrice元素对象(获取上一个input对象)
var purchasePriceObj = $(element).parent().prev().find("input");

// purchasePrice的value值
var purchasePrice = purchasePriceObj.val();

  if (purchasePrice < value)
  {
    // 提示
    return true;
  }

  // 不会提示
  return false;
}, "提示内容:purchasePrice < salesPrice");

 

标签:jQuery,返回,purchasePrice,expr,元素,js,获取,节点
来源: https://www.cnblogs.com/saoge/p/16257635.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有