Question

如何编写此onblur事件以动态插入HTML元素？我收到未捕获的SyntaxError：意外的标识符

var engraving_li = "<input type='text'
 id='engraving_txt_" + res[res.length-1] + "' 
 onblur='lengthCountOnBlur(this, "divcount_"+res[res.length-1]+")'  
 name='engraving_text[]' class='element text form-control' maxlength='20'
 placeholder='Engraving here (20 words)'  />";
$(engraving_li).insertBefore("#divcount_"+res[res.length-1]);

这是我要移除的原始元素，然后再按照上面的代码

再次插入

<input type="text" id="engraving_txt_<?php echo $add_number ?>" name="engraving_text[]"  class="element text form-control" maxlength="20" placeholder="Engraving here (20 words)"
value="<?php echo (isset($_SESSION['engraving_text']) && isset($_SESSION['engravingOption']) && $_SESSION['engravingOption'][$add_number-1]=='Yes') ? $_SESSION['engraving_text'][$add_number-1] : ''; ?>"
  onblur="lengthCountOnBlur(this, 'divcount_<?php echo $add_number; ?>');" onkeyup="limitTextCount(this, 'divcount_<?php echo $add_number; ?>', 20);" onkeydown="limitTextCount(this, 'divcount_<?php echo $add_number; ?>', 20);"/>

Answer 1

你错过了一个＆＃39; +＆＃39;签到字符串

onblur='lengthCountOnBlur(this, "divcount_"+res[res.length-1]+")'

应该是

onblur='lengthCountOnBlur(this, divcount_ + " res[res.length-1]+")'

Answer 2

使用此：

var engraving_li = "<input type='text' id = 'engraving_txt_" + res[res.length - 1] + "' onblur = \"lengthCountOnBlur(this,'divcount_" + res[res.length - 1] + "')\" name = 'engraving_text[]' class='element text form-control' maxlength= '20' placeholder = 'Engraving here (20 words)' />";
$(engraving_li).insertBefore("#divcount_" + res[res.length - 1]);

jQuery：如何编写这个onblur事件来动态插入HTML元素？

2 个答案: