问个 Jquery 的选择元素的问题 - V2EX

jQuery

油猴脚本能拦截$(document).ready 吗？ - V2EX jquery 有什么树形可编辑表格的插件吗？ - V2EX Jquery Datatable 前端分页 Checkbox 跨页全选的问题 - V2EX 想提取 jQuery 中的一些函数单独使用，有什么好方法吗 - V2EX 有没有小的简单的 jquery 路由 - V2EX 关于 JQuery.load(html)加载 html，导致父 html 的$.fn 以及$.unbind 失效的问题 - V2EX 使用 jquery.validate 插件对动态新增的表单进行校验 - V2EX <script id="aaa" src="xxx.com/foo.js"></script> 用 $.getScript(...) 可以把 id="aaa" 一起设置进去吗？ - V2EX 为什么我的 select 的 change 事件会失效？ - V2EX 初学者在做做登陆界面使用 jQuery ajax()方法时直接出现 error， XMLHttpRequest.status=0,XMLHttpRequest.readyState=0,textStatus=error - V2EX 请教一个 jquery contextmenu 问题，不同事件源怎么合到一个菜单里 - V2EX jQuery.extend 在深复制时，为什么需要判断 isPlainOjbect？（不是问 isPlainOjbect 方法的原理） - V2EX jquery 通过 ajax 返回新的 url 给前端重定向算前后端分离吗？ - V2EX 前端 websocket 实时接收到音频流数据，如何在 web 端实时播放 - V2EX scrollTop()引发的一个操作问题 - V2EX jQuery 选择特定尺寸图片问题 - V2EX 如何在提交表单后获取到动态添加的 inpu 的值 - V2EX pdfObject 怎么监听进度 - V2EX 能帮我找找这个页面的细节和尺寸是那个 ajax 和 url 加载的吗? - V2EX jQuery UI dialog 有熟悉的么，我想问个问题 - V2EX 实现滚动条离顶端一定距离之后异步加载广告 - V2EX 求指点 Refused to set unsafe header "cookie" - V2EX 问个 JQ 的选择节点的问题 - V2EX jquery 如何实现点击 p（ class=‘aa’，没有 id）而选中 p 里面的文字？ - V2EX 可以用 jquery 模拟键盘按键吗？ - V2EX 外行请教京东 618 寻金记是怎么实现的？ - V2EX 请教 jquery 跟换图片地址后展示的问题 - V2EX function 返回 ajax 结果 - V2EX Jquery 在移动端如何让返回能够不刷新页面? - V2EX jq ajax 返回的数据怎么获取其中一部分？ - V2EX jquery 循环绑定事件问题 - V2EX jquery 表单验证 each 为什么不能 key 变量 - V2EX jquery 引入在底部 $ready 就要用到$ 但页面还没加载 jquery 不用$ready 下面的 jq 代码就没办法运行 - V2EX 注册了个域名，专门用于自己插件库的演示和文档说明 - V2EX 捏了个小 app，求推荐好看的下载页面模板 - V2EX 关于跟随鼠标移动的两个 js 功能合并问题，求解！ - V2EX 新手问个问题呗？ - V2EX 最新最全的城市三级联动插件 - V2EX 分享一个基于 jQuery 开发的强大的 CMS - V2EX 浮动 [电梯] 或 [回到顶部] 小插件： iElevator.js - V2EX 自制 WEB 前端插件库，欢迎使用～ bootstrap modal event 多次绑定 - V2EX Jquery 如何实现 Ajax 自动更新 table，并且不影响 js 事件 - V2EX 愿意付费帮忙修改一个 jq 插件！ - V2EX 请问下 draggable 怎么实现拖动前后的元素不一样 - V2EX 自己写的一套 jquery 组件库 jquery mobile 的动态加载感觉好难用啊 jquery data() 返回数据类型不统一 - V2EX V2 的大神们帮我看看， JQuery 跨域请求遇到点问题 - V2EX

cnqncom · 2017-10-10 · via jQuery

这是一个创建于 3170 天前的主题，其中的信息可能已经有所发展或是发生改变。

<input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="关键词"><input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="替换为">
<input type="button" class="btn btn-danger btn-xs" value="删除" style="margin-top:10px;float:right;" onclick="DelRowInput(0)">

<input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="关键词"><input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="替换为">
<input type="button" class="btn btn-danger btn-xs" value="删除" style="margin-top:10px;float:right;" onclick="DelRowInput(0)">

点下面一行的“删除”按钮，删除下面一行表单。问题是这些表单没有用 DIV 包括命名，所以有啥办法？

zgbgx1 2017 年 10 月 10 日

使用 class 选择器 ,或者直接用属性选择器

cnqncom 2017 年 10 月 10 日

@zgbgx1 它们的 class 都是相同的。
现在我在每行前面都用一个 P 元素包括起来了，怎么选择当前行？

Liang 2017 年 10 月 10 日

没看懂需求，最好把你原结构和你想要的效果贴出来，无畏的代码最好删除，例如 style

uloveits 2017 年 10 月 10 日

@cnqncom 每个部分用一个都用一个 div 包裹起来然后 $(".btn").click(function(){
$(this).parent()
})

xiaome 2017 年 10 月 10 日

如果不包括按钮就是 $("input:text:gt(1)")，包括按钮就是 $("input:gt(2)")
ipput 选取所有 input 元素
:text 筛选 type 是 text 的元素
:gt(2) 索引大于 2 的元素

都是很基础的内容，建议多看看文档吧，给个比较直观的手册，希望可以帮到你。
http://jquery.cuishifeng.cn/

cnqncom 2017 年 10 月 10 日

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>hangge.comm</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <style>
        #container{
            width:380px;
            margin:20px auto;
            padding:15px;
            background-color:#eee;
          border-radius: 15px;
        }
        /** 新增按钮 **/
        #addVar{
            margin:0 0 0 52px;
            padding:5px;
            display:inline-block;
            background-color:#3A9668;
            color:#f1f1f1;
            border:1px solid #005;
            border-radius: 4px;
        }
        /** 删除按钮 **/
        .removeVar{
            margin:auto;
            padding:5px;
            display:inline-block;
            background-color:#B02109;
            color:#f1f1f1;
            border:1px solid #005;
          border-radius: 4px;
        }

        #addVar:hover, .removeVar:hover{
            cursor: pointer;
        }

        .alignRight{
            text-align: right;
        }

        input, textarea{
            padding:5px;
            font-size: 16px;
        }
    </style>
    <script>

function removeVar(){
$(this).parent().remove();
}
    </script>
</head>
<body>
    <div id="container">
      <form id="myForm" method="post">
        <p>
          <label for="var1">项目 1: </label>
          <input type="text" name="var1" id="var1">
         <input type="button" value="删除" style="margin-top:10px;float:right;" onclick="removeVar()">
        </p>
        <p>
          <label for="var2">项目 2: </label>
          <input type="text" name="var2" id="var2">
          <input type="button" value="删除" style="margin-top:10px;float:right;" onclick="removeVar()">
        </p>
        <p class="alignRight"><input type="submit" value="提交"></p>
      </form>
    </div>
</body>
</html>

为啥函数 removeVar 无法删除前面的东西？

justfindu 2017 年 10 月 10 日

有一个 prev('selector') 的方法

chztv 2017 年 10 月 10 日

Jquery 的选择器感觉无敌的啊，没有 id 或者 class 都可以用父级层次来选择，肯定能实现。

0754 2017 年 10 月 10 日

```
<div id="container">
<form id="myForm" method="post">
<p>
<label for="var1">项目 1: </label>
<input type="text" name="var1" id="var1">
<input type="button" value="删除" style="margin-top:10px;float:right;" class="del">
</p>
<p>
<label for="var2">项目 2: </label>
<input type="text" name="var2" id="var2">
<input type="button" value="删除" style="margin-top:10px;float:right;" class="del">
</p>
<p class="alignRight">
<input type="submit" value="提交">
</p>
</form>
</div>
<script>
$('.del').click(function() {
var _this = $(this),
parent = _this.parent();
parent.remove();

});
</script>
```

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。

推荐订阅源

jQuery