JS用于页面中的字符串替换

时间:2015-02-17 20:16:06

标签: javascript php html wordpress

我的代码中出现了以下HTML

<div id="optinforms-form1-name-field-container"> <input id="optinforms-form1-name-field" name="FNAME" placeholder="Vaše meno" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666" type="text"></div>

我希望有一个可以先检查当前页面的js,如果访问了所需的页面,那么它会在上面的代码中用“Your Name”替换字符串“Vašemeno”。我尝试了以下代码,但由于我是js的新手,我无法使其正常工作。我正在研究wordpress框架。

var sPath = window.location.pathname;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
if(sPage == "index.php"){      
$("optinforms-form1-name-field").each(function() {
var text = $(this).text();
text = text.replace("Vaše meno", "Your Name");
$(this).text(text);});}

1 个答案:

答案 0 :(得分:1)

ID选择器以&#34;#&#34;开头,您应该替换占位符的值,而不是文本。在jQuery中:

if (/index\.php$/i.test(window.location.pathname)) {
  $('#optinforms-form1-name-field')[0].placeholder = 'Your name';

  // or
  //   $('#optinforms-form1-name-field').prop('placeholder','Your name');
}

或简单的JS:

if (/index\.php$/i.test(window.location.pathname)) {
  document.getElementById('optinforms-form1-name-field').placeholder = 'Your name';
}