Question

我试图选择所有具有相同占位符值的输入字段。在这种情况下，“ value1”

由于必须要破解插件的条件，我无法编辑HTML。

这是我的HTML：

$('input[placeholder="value1"]').on('keyup', function() {
  $('.' + $(this).attr('placeholder')).val($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Row 1:
<input type="text" placeholder="value1">
<input type="text" placeholder="value1">
<br> Row 2:
<input type="text" placeholder="value2">
<input type="text" placeholder="value3">

如何选择占位符值？

Answer 1

$('.' + $(this).attr('placeholder'))的作用是：选择所有具有相同 class 的元素，例如当前编辑元素的placeholder属性的值。

也许您在寻找$('[placeholder="' + $(this).attr('placeholder') + '"]')？（希望我的引号正确）

Answer 2

在这种情况下，您想读取当前所选项目的占位符并使用它。

$('input[placeholder="value1"]').on('keyup', function() {
  $('input[placeholder=' + $(this).attr('placeholder') + ']').val($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Row 1:
<input type="text" placeholder="value1">
<input type="text" placeholder="value1">
<br> Row 2:
<input type="text" placeholder="value2">
<input type="text" placeholder="value3">

jQuery选择具有相同占位符值的输入字段

2 个答案: