javascript - 如何为 jquery 变量提供粗体样式

Question

<div class="col-md-5 formdiv">
              <h4 class="form-title1">Private Comment Generator</h4>
                <form  id="form" class="private-comments-form">
                    <div class="row">

                            <div class="col-xs-6 form-group">
                                <label for="sel1">Vendor :</label>
                                <input class="form-control" type="text" style="font-weight:bold;" id="textbox3" />
                            </div>

        <script>
$(document).ready(function() {

  $("#commentscopyBtn").click(function() {
  var ven =$("#textbox3").val();
  var prod =$("#textbox4").val();
    var text = "Thank you for "  + $("#textbox3").val() + "  " ; 

    text += $("#textbox4").val() + "\ you can call into our support line." ;
    $("#output").val(text);   
  });



  $('#btn').click(function() {
    /*Clear textarea using id */
    $('#output').val('');

    /*Clear all input type="text" box*/
    $('#form input[type="text"]').val('');
  });
});
</script>


                            <div class="col-xs-6 form-group">
                                <label for="sel1">Product :</label>
                                <input class="form-control" type="text" style="font-weight:bold;" id="textbox4"/>
                            </div>
                            <div class="col-xs-6 form-group">
                                <label for="sel1">&nbsp;</label>
                                <input class="form-control js-textareacopybtn"  id="commentscopyBtn" type="button" value="Get Content" />
                            </div>
                            <div class="col-xs-12 form-group">
                                <label for="sel1">Copy Content :</label>
                                <textarea class="col-xs-12 js-copytextarea" id="output" name="textarea" ></textarea>
                            </div>
                            <div class="col-xs-12 form-group">
                                <input type="button" class="reset " id="btn"  value="Reset" />  
                            </div>
                    </div>
                </form>
            </div>

这里我将文本字段中的值附加到 TextArea，我想为该变量添加粗体样式以突出显示这些值，请提出解决方案。

我想知道如何为附加文本添加样式。

Answer 1

在追加之前为变量中的文本提供