代码之家 › 专栏 › 技术社区 › g.pickardou

如何在jQuery DOM操作中引用目标?

jquery

g.pickardou · 技术社区 · 4 年前

$("input:checkbox").after("<input type='hidden' name='...' value='...'/>");

我想我必须用字符串连接来实现这一点:

$("input:checkbox").after("<input type='hidden' name='"+ <how to refer here to the target?>+"' value='...'/>");

如何在参数表达式中引用实际目标 after() ? 当使用jQuery事件监听器时,我知道我得到了事件及其 target 属性将是DOM元素,但在这里我被卡住了

1 回复 | 直到 4 年前

CertainPerformance 4 年前

具有 each ,您将得到一个回调,从中可以引用迭代的元素。

$("input:checkbox").each(function() {
  // `this` now refers to the input

  // maybe you want something like
  $(this).after("<input type='hidden' name='" + this.name + "' etc
});

$("input:checkbox").each(function() {
  $(this).after("<input name='" + this.name + "'>");
});
console.log(document.body.innerHTML);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="foo">

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前