使用 jQuery 删除占位符答案

【问题标题】：Remove placeholders using jQuery使用 jQuery 删除占位符
【发布时间】：2015-07-08 06:47:29
【问题描述】：

我有以下代码，我想删除占位符。

<div class="myclass">
  <p><a href="http:[Sitename]">[Sitetile]</a>[change this too]someothercontent</p>
 </div>

我想使用 jQuery 将上面的标记更改为一些事件：

<div class="otherclass">
  <p><a href="http:yahoo.com">changemaincontent</a>changesomeothercontent</p>
</div>

【问题讨论】：

占位符是表单元素的属性。
您要删除的占位符在哪里？
Placeholder 是 input 文本元素的属性，而不是表单。 w3schools.com/tags/att_input_placeholder.asp OP 的代码中确实没有占位符。
阅读 jQuery 的 attr 和 text。另外，regex.

标签： javascript jquery html

【解决方案1】：

创建一个对象，其索引命名为要替换的部分（在括号内）并为其分配值。然后使用$.each-函数迭代对象并将html中的值替换为对象中的值。之后将新的 html 字符串分配给您的元素。

var change = {
    'Sitename': 'yahoo.com',
    'Sitetile': 'changemaincontent',
    'change this too': 'change'
};

var $elem = $('.myclass > p'); //cache the element
var html =$elem.html(); //get the html-string

$.each(change, function(index, value){ //iterate over the object

     html =  html.replace('[' + index + ']', value); //replace the values

});

$elem.html(html); //assign the new html-string

Demo

参考

.replace()

$.each()

.html()

【讨论】：

如果我想在 p 标签中更改 [也更改] 那么我该如何更改呢
@Sourabh 将此添加到我的答案中

【解决方案2】：

您需要将someothercontent 放入<span>
HTML

<div class="myclass">
  <p>
      <a href="http:google.com">maincontent</a>
      <span>someothercontent</span>
    </p>
 </div>

脚本

$('.myclass').find('a').text('changemaincontent');
$('.myclass').find('span').text('changesomeothercontent');

Demo

【讨论】：

我想找到 [site] 标签并替换为一些内容
@Sourabh 哪个[site] tag ？请编辑您的问题以明确说明
@Sourabh，如果我理解正确，您说的是链接标题（链接名称）
尝试第一个用于更改链接标题（链接名称）的代码
@Sourabh 首先您需要将someothercontent 放入span 中，就像在answer 中一样，现在您要更改什么？？

【解决方案3】：

你可以试试这样的东西！！！

<<!DOCTYPE html>
<html>
 <head>
   <title></title>
 </head>
 <body>
   <div id='link'><a href='javascript:open_fun()'>OPEN</a></div>
 </body>
</html>
<script type="text/javascript">
 function close_fun() {
    document.getElementById('link').innerHTML = "<a href='javascript:open_fun()'>OPEN</a>";
 }
 function open_fun() {
    document.getElementById('link').innerHTML = "<a href='javascript:close_fun()'>CLOSE</a>";
 }
</script>

希望对你有帮助！！！

【讨论】：