我有这个html代码：
<!-- informations -->
<div class="simple_layer">
<div class="main_container">
<!-- user information -->
<div class="main_content">
<span class="label">Account number:</span> ACCOUNT<br>
<span class="label">Tariff plan:</span> PLAN<br>
<span class="label">End date:</span> 05.23.2019 (371 days)<br>
</div>
</div>
</div>
我需要在每个范围文本中替换，所以我使用 jQuery 尝试这样做：
$(".simple_layer .main_content").find("span")[0].innerHTML += ' kk<br>';
但它不会用 kk 替换 ACCOUNT，我得到这个输出：
Account number:kk ACCOUNT
我需要得到这个：
Account number: kk
使用以下代码，我只提取跨度，将"kk"附加到这些跨度，并将它们附加到字符串中。然后我用新字符串替换了main_content 中的HTML。
var spanCollection = $(".simple_layer .main_content").getElementsByTagName("span");
var newMainContentHTML = "";
for (var i = 0; i < spanCollection.length; i++) {
newMainContentHTML += spanCollection[i].innerHTML + " kk<br/>";
}
$(".main_content").innerHTML = newMainContentHTML;
使用单独的 span 标记添加值。这样我们就可以在jquery中轻松识别它。请参考下面的示例。要替换所有必须用于 for 循环的值，并在循环内应用相同的逻辑。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(".simple_layer .main_content").find(".value")[0].innerHTML = ' kk';
});
});
</script>
</head>
<body>
<div class="simple_layer">
<div class="main_container">
<!-- user information -->
<div class="main_content">
<span class="label">Account number:</span> <span class="value">ACCOUNT</span><br>
<span class="label">Tariff plan:</span> PLAN<br>
<span class="label">End date:</span> 05.23.2019 (371 days)<br>
</div>
</div>
</div>
<p> Click Me </p>
<div class="output"> </div>
</body>
</html>
jQuery("#account").replaceWith('kk')<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="simple_layer">
<div class="main_container">
<!-- user information -->
<div class="main_content">
<span class="label">Account number:</span> <span id="account">ACCOUNT</span><br>
<span class="label">Tariff plan:</span> PLAN<br>
<span class="label">End date:</span> 05.23.2019 (371 days)<br>
</div>
</div>
</div>嘿，你可以做简单的方法，就像我所做的那样，我只是添加一个新 id 并使用 replacewith(( jquery 函数替换文本