如何使用jQuery替换指定表单元素的placeholder与value属性值？

你可以通过以下jQuery代码实现需求，确保代码在DOM加载完成后执行，避免找不到目标元素：

$(document).ready(function() {
  // 修改邮箱输入框的placeholder文本
  $('#mynwsltr input[type="email"]').attr('placeholder', 'Write email');
  // 修改提交按钮的显示文本
  $('#mynwsltr input[type="submit"]').val('Send');
});

代码说明 #

• $(document).ready()：等待页面DOM结构完全加载后再执行操作，确保目标元素已存在
• $('#mynwsltr input[type="email"]')：通过父容器id="mynwsltr"缩小范围，精准定位到邮箱输入框，避免影响页面其他同类元素
• attr('placeholder', 'Write email')：修改输入框的placeholder属性值
• $('#mynwsltr input[type="submit"]')：定位到该表单下的提交按钮，val('Send')直接修改按钮的显示文本

如果你更倾向于通过类名定位（进一步避免同类型元素干扰），也可以这样写：

$(document).ready(function() {
  $('#mynwsltr .newsletter-email').attr('placeholder', 'Write email');
  $('#mynwsltr .newsletter-submit').val('Send');
});

内容的提问来源于stack exchange，提问作者peter