在设置另一个之前,JQuery将值设置为null

时间:2016-05-10 06:55:28

标签: javascript jquery twitter-bootstrap append

这里我使用bootstrap模态。当它弹出时,我通过组合现有值(上传您的文件)动态设置标题。

<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,而上传文件文本留在那里

2 个答案:

答案 0 :(得分:2)

希望这会有所帮助

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

否则您可以修改HTML并保留特定的DOM元素以显示文件名。然后选择DOM&amp;只需将product作为文本放在指定的DOM

答案 1 :(得分:0)

希望这会有所帮助:

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