1

我想使用 jQuery 在网站上每个输入字段的右侧动态添加一个清除按钮（一个 X）。在查看了一些示例之后，所有这些都需要我更改实际的输入字段，而这显然无法在整个站点中进行。

我可以使用一个简单的 jquery 脚本吗？向“文本”类型的每个输入字段添加清除按钮的脚本。不分班。

谢谢！

4

2 回答 2

3

您可以使用下面的选择器。

var $inputs = $('input[type=text]')

这会选择文本类型的所有输入，然后执行逻辑。

如果您要执行的某些内部逻辑对每个输入都不同，请使用 a$.each迭代输入并执行逻辑

$inputs.each(function() {

     // Perform your logic
});
于 2013-07-18T00:04:41.640 回答
2

一个极端的草稿。

$('input[type=text]').each(function(){
   var $this = $(this);

   $('<div class="clrInput"/>').css({
       position:'absolute',
       left: $this.offset().left + $this.width() + 10, //10 for extra spacing from edge
       top: $this.offset().top,
       width: $this.height(),
       height: $this.height()
   }).text(' X ').data('inputEQ', $this.index()).appendTo('body');
});
$(document).on('click', '.clrInput', function(){
    $('input[type=text]').eq($(this).data('inputEQ')).val('');
});

还有你的 jsFiddle

笔记

为了保持性能，请替换document为最近的静态父元素。

于 2013-07-18T00:09:30.260 回答