Question

我想将下面的javascript代码转换为JQuery中的等效代码。

以下是片段：

<script>
var str = '';
var elem = document.getElementById('formID').elements;
for(var i = 0; i < elem.length; i++)
{
    str += "<b>Input Type:</b>" + elem[i].type + "&nbsp&nbsp";
    str += "<b>Input Name:</b>" + elem[i].name + "&nbsp;&nbsp;";
    str += "<b>current Value:</b><i>" + elem[i].value + "</i>&nbsp;&nbsp;";
    str += "<br>";
} 
  document.getElementById('lblValues').innerHTML = str;
</script>

您可以看到我在Form元素中显示哪些输入。但是我已经达到了对循环和对象元素的理解。（尤其是表格元素）

<script> 
  .........
  // this much I know!
  $("div#lblValues").html(str);
</script>

Answer 1

您可以使用$("#formID input")选择器，这将在名为＆＃39; formID＆＃39;的表单中返回一系列输入。然后，您可以使用each函数迭代它。希望这有帮助！

str = ""
$("#formID input").each(function(elem){
  str += "<b>Input Type:</b>" + elem.type + "&nbsp&nbsp";
  str += "<b>Input Name:</b>" + elem.name + "&nbsp;&nbsp;";
  str += "<b>current Value:</b><i>" + elem.value + "</i>&nbsp;&nbsp;";
  str += "<br>";
})

将JS的Snippet转换为JQuery

1 个答案: