Javascript 使用jQuery删除占位符_Javascript_Jquery_Html

Javascript 使用jQuery删除占位符

javascript jquery html

Javascript 使用jQuery删除占位符,javascript,jquery,html,Javascript,Jquery,Html,我有以下代码，我想删除占位符 <div class="myclass"> <p><a href="http:[Sitename]">[Sitetile]</a>[change this too]someothercontent</p> </div> [也更改此内容]其他内容我想使用jQuery通过一些事件将上述标记更改为： <div class="otherclass"> <p>&l

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

<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>


更改其他内容

您需要将

其他内容

放入

HTML

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

你可以试试这样的东西

<<!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>

创建一个对象，其索引名为要替换的零件（在括号内），并为其赋值。然后使用$。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


参考


占位符是表单元素的属性。要删除的占位符在哪里？占位符是输入文本元素的属性，而不是表单。OP的代码中确实没有占位符。请阅读jQuery的和。另外，。我想找到[site]标签并替换为一些content@Sourabh哪个[site]标签
？请编辑您的问题以进行此操作clear@Sourabh如果我理解正确，您正在讲述链接标题（链接名称），请尝试它用于更改链接标题（链接名称）的第一个代码@Sourabh首先，您需要将someothercontent
放在span
中，就像在answer中一样，现在您想更改什么？如果我想更改p标签中的[change this too]，那么我该如何更改too@Sourabh在我的回答中增加了这个
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