将 JS 代码片段转换为 JQuery

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>

您可以看到我正在显示表单元素中的输入内容。但是我已经理解了对象的循环和元素。（尤其是表单元素）

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

Answer 1

您可以使用 $("#formID input") 选择器，这将 return 一个名为 'formID' 的表单中的输入数组。然后，您可以使用 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 代码片段转换为 JQuery

Convert Snippet of JS to JQuery

javascript

each

jquery