jquery - .val() 未设置值

Question

我有一个名为 locEmailMsg 的文本输入字段:

<input type="text"
       class="phColor"
       data-placeholder="Your email address"
       maxlength="50"
       style="font-size: 14px; width: 232px;"
       id="locEmailMsg">

在我的 $(document).ready() 函数中，我需要做一些事情:设置输入的值、设置 data-placeholder 属性以及删除 phColor 类。

$('#locEmailMsg').val(localStorage.email);
$('#locEmailMsg').attr('data-placeholder', localStorage.email);
$('#locEmailMsg').removeClass('phColor');

数据占位符属性已正确设置(在 Firebug 中观察)，但未设置该值，也未删除该类。为什么其中一部分可以工作，但其他部分却不起作用？

这是一个非常大的系统的一部分，但我在页面加载时单步执行了所有脚本，并且在调用此调用后没有发生任何事情来反转值集/类删除。

Answer 1

它可以在这里与您的代码一起使用。

http://jsfiddle.net/bWm2c/1/

但是，如果再次出现具有相同 id 的项目，则只有第一个项目会受到影响。请参阅此处:

http://jsfiddle.net/bWm2c/2/

是否是输入并不重要。 ID 必须是唯一的。

我将其设置为超时，以便您可以看到更改

window.setTimeout(function() {
    var localStorage = { email: 'foo@bar.com' };

    $('#locEmailMsg')
        .val(localStorage.email)
        .attr('data-placeholder', localStorage.email)
        .removeClass('phColor');
}, 500);
​

这是失败的 html(仅影响第一项)

<input type="text"
       class="phColor"
       data-placeholder="Your email address"
       maxlength="50"
       style="font-size: 14px; width: 232px;"
       id="locEmailMsg"
       value="novalue" />

<div id="locEmailMsg">dupid</div>

<input type="text"
       class="phColor"
       data-placeholder="Your email address"
       maxlength="50"
       style="font-size: 14px; width: 232px;"
       id="locEmailMsg"
       value="novalue" />
​

这是我看到您的代码不起作用的唯一方法。

编辑

在您的页面上运行此命令以确保没有重复的 ID

http://jsfiddle.net/bWm2c/4/

$('[id]').each(function(){
  var ids = $('[id="'+this.id+'"]');
  if(ids.length>1 && ids[0]==this)
    alert('Multiple IDs #'+this.id);
});
​