jquery 选择前、后、父元素使用的方法是:
- prev
- next
- parent
请看示例。
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <div> <input value="我是男一号前面的元素" /> <div onclick="clk(this)"> 我是闪亮的男一号。 点击我一次:我前面的元素会消失。 点击我第二次,我后面的元素会消失。 点击我第三次,我的父元素会添加边框。 </div> <h1>我是男一号后面的元素</h1> </div> <script> // 全局变量 var $g = { click_count: 0, } function clk(el) { $g.click_count += 1 if($g.click_count == 1) { $(el).prev().remove() } if($g.click_count == 2) { $(el).next().remove() } if($g.click_count == 3) { $(el).parent().css('border', 'dashed 2px #67C23A') } } </script>