Javascript 在Jquery中创建的变量未出现在调试器中

我在Jquery中编写了一些代码，当按下按钮时，会创建一个新变量并将其显示在屏幕上。我想把输入到这个新变量中的任何数据存储到数据库中，但是在到达那里之前，我必须弄清楚如何正确地访问变量信息

在HTML中，我创建了3个文本框和一个按钮，最多可添加7个，总共10个。我的代码如下所示（这些代码很好地存储在数据库中）：

长期条件1：
长期条件2：
长期条件3：

我现在的问题是，我的Jquery变量无法被检查（表示不可用），并且之后没有数据被传递到数据库。我的Jquery如下所示：

<script>

  //Adds another row to the above table.
 var counter = 3;
 jQuery('a.add-cond').click(function(event){
    event.preventDefault();
    if (counter < 10) {
  counter++;
  var newRow = jQuery('<tr><td><b><center>'+ "Long term condition "+  counter + ":" + '</center></td> <td><center><input type="text" name="Var' +
    counter + '" id="Var' + counter + 'value="%Var' + counter + '%"/></center></b></td></tr>');
  jQuery('table.Long-Term-Conditions').append(newRow);
 }
  else
     {
  document.getElementById("add-cond").style.visibility = "hidden";
  document.getElementById("Message").innerHTML = '<font color="Red">Please 
contact us</font>';
 }
});

</script>

//向上表中添加另一行。
var计数器=3；
jQuery（'a.add-cond'）。单击（函数（事件）{
event.preventDefault（）；
如果（计数器<10）{
计数器++；
var newRow=jQuery（“+”长期条件“+计数器+”：“+”我想您只是在新输入的id和值之间缺少了一个
”


//向上表中添加另一行。
var计数器=3；
jQuery（'a.add-cond'）。单击（函数（事件）{
event.preventDefault（）；
如果（计数器<10）{
计数器++；
var newRow=jQuery（“+”长期条件“+计数器+”：“+”）；
jQuery（'table.Long Term Conditions'）.append（newRow）；
}否则{
document.getElementById（“添加条件”）.style.visibility=“隐藏”；
document.getElementById（“Message”）.innerHTML='请与我们联系'；
}
})；

长期条件1：
长期条件2：
长期条件3：
您遇到的问题是，当您将单击事件绑定到元素时，它只绑定到文档中已经存在的元素。因此，当您添加新元素时，它不会触发该单击事件，因为您没有将其绑定到新元素

一个简单的解决方案是将click事件侦听器添加到主体中，如下所示：

jQuery('body').on('click', 'a.add-cond', function(event){

我想这就是你要找的

也像其他人提到的那样，你缺少一个结束语和一个空格

id="Var' + counter + 'value="%Var' + counter + '%"

应该是：

id="Var' + counter + '" value="%Var' + counter + '%"

谢谢你帮我解决了这个问题。你和Larz说我漏掉了结束语是正确的。我选择这个答案是正确的，因为关于jQuery事件侦听器的额外部分。
id="Var' + counter + '" value="%Var' + counter + '%"