JQuery在设置另一个之前附加值设置为null答案

【问题标题】：JQuery append value set null before setting anotherJQuery在设置另一个之前附加值设置为null
【发布时间】：2016-09-05 00:06:27
【问题描述】：

这里我使用的是引导模式。当它弹出时，我通过组合现有值（上传您的文件）动态设置标题。

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4 class="modal-title" id="myModalLabel" style="font-size: 130%">Upload Your File </h4>
</div>

这是我的功能

<script>
clearBn.on("click", function(){
var link = $(this).attr('href');
var hashPosition = link.indexOf('#'); //Get the position of '#'
var product = link.substring(hashPosition + 3);         
$(".modal-header #myModalLabel").after( product );
});
</script>

我在这里做的是在href 中拆分值并将该值设置为modal-header。然后我再次这样做，它显示以前的附加值和新值，像这样

第一次：

上传您的文件

ABC

第二次：

上传您的文件

ABCXYZ

我想要的是清除 ABC 并放置 XYZ，而 上传您的文件 文本保持在那里

【问题讨论】：

标签： javascript jquery twitter-bootstrap append

【解决方案1】：

希望这会有所帮助

var _newText = "Upload Your File "+product
$(".modal-header #myModalLabel").text(_newText);

否则，您可以修改 HTML 并保留特定的 DOM 元素以显示文件名。然后选择那个 DOM 并把 product 作为文本放在那个指定的 DOM 中

【讨论】：

很好的解决方案这解决了我的问题。我从来没有想过像这样的事情。我尝试附加 Html 内容 Upload Your File，因为该内容具有样式，并且我的附加文本会向下显示。

【解决方案2】：

希望这会有所帮助：

$("#myModalLabel").reset();

【讨论】：