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

只需要正确连接您的ID：

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

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

Answer 2

尝试连接

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

Answer 3

正确连接，即："#fld_name" + i
您似乎要删除某个类，因此请使用 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 4

不确定您的需求，但条件存在问题。应该是：

 if( x== 1 )

FIDDLE

正确的格式jquery选择器？

4 个答案: