Javascript jQuery递归查找 ${MeetingName} ${MeetingLocation}

我有以下与此相反的jQuery代码：

<table id="TemplateBindVarsTable" class="table">
  <tr>
    <td class="control-label">${MeetingName}</td>
    <td class="form-control" style="border:0"><input id="${MeetingName}" 
     type="text"></td>
  </tr>
  <tr>
    <td class="control-label">${MeetingLocation}</td>
    <td class="form-control" style="border:0"><input id="${MeetingLocation}" 
    type="text"></td>
  </tr>
</table>

函数processTemplate（）{
变量行=$（'#TemplateBindVarsTable'）。查找（“tr”）；
对于（变量i=0；iinput”）.val（）；
警报（'key:'+key+”，val:+val）；
}
}

---

我错过了什么？难道我不应该把行取回，然后在它们上面运行find/children吗

您只需要像下面这样修改它，将DOM对象转换为jQuery对象，您可以在其上执行jQuery的方法，如

.children（）

和

.find（）

：

函数processTemplate（）{
变量行=$（'#TemplateBindVarsTable'）。查找（“tr”）；
对于（变量i=0；iinput”）.val（）；
警报（'key:'+key+”，val:+val）；
}
}

行[i]

不再是jQuery对象。使用

.each（）

而不是for循环遍历jQuery对象。该示例的递归性是什么？

function processTemplate() {
    var rows = $('#TemplateBindVarsTable').find("tr");
    for (var i = 0; i < rows.length; i++) {
        // NONE OF THESE WORK
        var cells = rows[i].children();
        var key = rows[i].find("td.control-label").text();
        var val = rows[i].find("td.control-label>input").val();
        alert('key: ' + key + ", val: " + val);
    }
}

function processTemplate() {
    var rows = $('#TemplateBindVarsTable').find("tr");
    for (var i = 0; i < rows.length; i++) {
        // NONE OF THESE WORK
        var cells = $(rows[i]).children();
        var key = $(rows[i]).find("td.control-label").text();
        var val = $(rows[i]).find("td.control-label>input").val();
        alert('key: ' + key + ", val: " + val);
    }
}