正确的格式jquery选择器？

Question

下面的代码与一些重复的表单字段的简化表单有关。我正在编写一些javascript，以便在表单字段中插入值，然后显示表单字段，但是很难为jquery选择器获得正确的语法，例如，在选择器中使用变量。我看了http://api.jquery.com/html/和http://api.jquery.com/remove/以及一些代码示例，比如http://jsfiddle.net/LYDuZ/，但是仍然被卡住了。请提供有关javascript html()和remove()代码的正确代码的帮助。

谢谢你提前..。

html代码：

<style>
  .hideElement {display:none;}
</style>


<form>
  <!-- first set-->
  <div id="product0" class="hideElement"> Product <br>
  <p> productname: </p>  <div id="fld_name0"> </div>

  <!-- second set-->
  <div id="product1" class="hideElement"> Product <br>
  <p> productname: </p>  <div id="fld_name1"> </div>

</form>

javascript代码：

for(var i=0;i<msg.nrofproducts;i++){

  $("#fld_name'+i'").html(msg.productname[i]);      

  $("#product'+i'").remove('.hideElement'); //finally show product
}//for i

Answer 1

1. 正确级联，即："#fld_name" + i
2. 似乎您想要删除一个类，所以使用removeClass而不是remove

因此：

for(var i=0;i<msg.nrofproducts;i++){

    $("#fld_name" + i).html(msg.productname[i]);      

    $("#product" + i).removeClass('hideElement'); //finally show product
}

Answer 2

只需正确连接您的ID：

$("#fld_name" +i).html(msg.productname[i]);      

$("#product" +i).remove('.hideElement'); //finally show product

Answer 3

试着连接

$('#product'+i).remove(...);