如何解决部分 ID id 在带有 jquery 替换功能的文本中可见
我正在使用替换功能来替换一个 div。使用这样的东西:
$(document).ready(function() {
$("#electricalengineering").click(function() {
$("#section1").replaceWith("#section2");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div id="section1">
<p>First Div</p>
<a href="#">
<p id="electricalengineering">Electrical Engineering</p>
</a>
</div>
<div id="section2">
<p>Second Div</p>
</div>
奇怪的是,点击后,#section2 显示为文本。有什么想法吗?
解决方法
当传递 "#section2"
时,您传递的是一个字符串,而不是 #section2
的内容
尝试将 jquery 对象传递给它
$("#section1").replaceWith($("#section2"));
,
您传递的是一个字符串,而不是您计划使用的 jquery 对象。
而不是将 "#section2"
替换为 $("#section2")
,如下所示。
$(document).ready(function(){
$("#electricalengineering").click(function(){
$("#section1").replaceWith($("#section2"));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div id="section1">
<p>First Div</p>
<a href="#"><p id="electricalengineering">Electrical Engineering</p></a>
</div>
<div id="section2">
<p>Second Div</p>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。