Question

我想这是非常基本但我不知道如何解决这个难题。我所拥有的是Wordpress中插件生成的两个输入。我想要做的是更改字段中的占位符。

问题是字段ID（我用来通过Javascript调用输入）是相同的，导致只有第一个输入占位符更改。

自动生成的HTML：

<input type="password" placeholder="Lösenord" name="swpm-19" id="swpm-19" value="" class="swpm-text  swpm-large  required  ">
<input type="password" placeholder="Retype password Here" name="swpm-19_re" id="swpm-19" value="" class="swpm-text  swpm-large  required  ">

Javascript：

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('#swpm-19').attr("placeholder","Lösenord");
    });
</script>

我不知道如何调用第二个输入，因为ID是相同的。我注意到的是输入的名称是不同的。第二个输入名称是“swmp-19_re”。是否可以通过名称而不是ID来获取Javascript中的输入？

Answer 1

您不能有重复的id，这是无效的文件。您可以使用属性值选择器通过name属性值选择元素。

$('input[name="swpm-19"], input[name="swpm-19_re"]').attr('placeholder', 'Lösenord');

您也可以将开头用作

$('input[name^="swpm-19"]').attr('placeholder', 'Lösenord');

有关jQuery支持check this page的CSS（属性）选择器类型的更多信息。

不同的占位符通过相同的输入ID上的Javascript

1 个答案: