javascript - 使用 jQuery/Javascript 放置占位符

Question

如果只有一个 <input>，我可以通过 jQuery 放置一个占位符在页面上:

<input type="text"/>

$(document).ready(function() {
    placeholders();
    function placeholders() {
        $('input[type=text]').each(function() {

            $(this).attr('placeholder', 'hello' );
        });
    }
});

但是，我有多个 <input>单个页面中的字段如下:

<input type="text" class="first">
<input type="text" class="second">

我只想在第一个 <input type="text"> 上添加一个占位符有 class="first" .

如何向第一个匹配文本添加占位符 input只有？

Answer 1

$('input[type=text].first').attr('placeholder', 'hello' );

这里input会选择所有的input标签，[type=text]会选择类型为text的input然后 .first 将选择具有类 first 的子集。

如果你想用 first 类选择第一个输入，那么做 $('input[type=text].first').first()