如何在追加數據時編寫單引號和雙引號？

Question

$(".overlayp ul").append('<li id="group_'+msg1[i][0].id+'" class="list_items"><div class="row"><div class="col-xs-2 col-md-1"><div class="itemAvatar"><img src="'+url+'/service/getUserImage/'+msg1[i][0].id+'/32" alt="avatar"></div></div><div class="col-xs-10 col-md-11"><div class="item"><div class="item-title">'+msg1[i][0].name+'<span class="pull-right members"><a onclick="if(confirm("Are you sure?")) 
removegroupuser('+groupid+','+msg1[i][0].id+');">Remove User</a></span></div></div></div></div></li>'); 

我得到了意外的標記錯誤，因爲同時追加李 我已經開始用單引號而寫的確認對話框 面臨的一個問題，我怎麼能提到裏面的quote「你確定嗎？」 （）「） removegroupuser（'+ groupid +'，'+ msg1 [i] [0] .id +'）;」這個onclick基本上是一個引號問題=「if（confirm（」您是否 肯定？「） 」

Answer 1

變化confirm單引號引號和逃避他們：

onclick="if(confirm(\'Are you sure?\')) removegroupuser('+groupid+','+msg1[i][0].id+');" 

或者使用HTML實體：

onclick="if(confirm("Are you sure?")) removegroupuser('+groupid+','+msg1[i][0].id+');" 

Answer 2

$('.other_info_container').append('<div id="logg_div_id" style="width: 110%;display:none;" alt="tttt123"><div style="width: 100%;float:right; margin-left:10px; "><div id="show_login_info_add_collapse" style="float:left;width:98%;padding: 10px"><div style="margin-top: 8px"><div class="confirm_box_login" style="display:none; width:51%; padding:10px;  margin-left: 155px; border:1px solid black; background:#99CCFF;"><font id="ms1" size="2"> There are <b id="cntr_lgn"></b><b id="cntr2"></b>changes found,Do you want to update changes ?</font><br/><div class="login_dtls" style="width:90%; margin:auto; padding:5px;"></div><div class="confirm_btn_lgn" style="width:90%; margin:auto; text-align:center; padding:5px;"><input type="button" id="confirm_insert_lgn" value="Yes" style="width:100px; border:1px solid black; background:#0099FF; cursor:pointer; padding:5px;" /><input type="button" id="cancel_delete_lgn" value="No" style="width:100px; border:1px solid black; background:#0099FF; cursor:pointer; padding:5px;"/></div></div><span style="cursor:pointer;margin-left: 5px;font-weight: bold;font-size: 15px;" onclick="">Login Details <label style=" color: red;margin-left: 1px;font-size: 11px;" id="dalert_login"></label></span><div style="float:left;margin-top: -8px"></div><div style="float:right;margin-right:78%;margin-top: -8px"></div><label id="edit_alert_login" style="color: red;font-size: 11px;margin-left: 3px;font-weight: 500;"></label></div></div><form id="passform" style="float:left;" onClick="globalsave(\'logg_div_id\');detect_add_activity(\'logg_div_id\');" ><input type="hidden" name="empid" value="'+new_idemp+'"/></div></div>');