$(this).next('select').val();
$(this).prev('select').val();
next获取当前点击元素的下一个元素
prev获取当前点击元素的上一个元素
jQuery.parent(expr) //找父元素
jQuery.parents(expr) //找到所有祖先元素,不限于父元素
jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙
jQuery.contents() //查找下面的所有内容,包括节点和文本。
jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll() //查找所有之前的兄弟节点
jQuery.next() //查找下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll() //查找所有之后的兄弟节点
jQuery.siblings() //查找兄弟节点,不分前后
jQuery.find(expr) //跟jQuery.filter(expr)完全不一样,jQuery.filter(expr)是从初始的
jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集中
筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如:
$("p").find("span")是从元素开始找,等于$("p span")
所谓内部插入,就是把内容直接插入到指定的元素内部。
1. append()
append()方法与DOM 的appendChild()方法功能类似,都是在元素内部增加子元素或文本。例如,append()方法将把 HTML 源代码插入到 div 元素内部,但是插入内部不会覆盖该元素已经存在的内容,且它会自动位于原内容的末尾。
与DOM 中appendChild()方法不同的是:jQuery 中的append()方法能够同时为jQuery 对象中多个元素增加内容,所增加的内容不需要先定义成节点,可以直接把它作为字符串插入到元素内。
另外,jQuery 还定义了一个反操作的方法——appendTo(content),它可以把所有匹配的元素追加到另一个指定的元素集合中。
2. prepend()
prepend()方法与 append()方法作用相同,都是把指定内容插入到 jQuery 对象元素中,但是prepend()方法能够把插入的内容放置在最前面,而不是放置在最末尾。
与 appendTo()方法相对应的是 prependTo(),该方法能够把所有匹配的元素前置到另一个指定的元素集合中。
append()、appendTo()、prepend()和prependTo()是相互联系,且操作紧密的四个方法,它们都能够实现内部插入,只是操作的方向和位置略有不同。
Note :他们所需要的参数也是一样的。
append()和prepend() 需要: jQuery对象,也可接受html代码,和DOM对象
appendTo()和prependTo() 需要:选择器,也可以是jQuery对象集合,也可是DOM对象。但调用此方法的必然是JQuery对象
所谓外部插入,就 是把内容插入到指定jQUery对象相邻元素内。
与 内部插入操作基本类似,外部插入也包含四种方法。
after(content):在每个匹配的元素之后插入内容。
before(content):在每个匹配的元素之前插入内容。
insertAfter(content):把所有匹配的元素插入到另一个指定的元素或元素集合的后面。
insertBefore(content):把所有匹配的元素插入到另一个指定的元素或元素集合的前面。
例如,在下面示例中使用after()方法把 p 元素插入到div元素的后面,相当于颠倒两个元素的排列顺序。// 移动元素