Jquery：连接两个元素的值

尝试在 Jquery 中实现一些目标有点卡住了，想知道是否有人可以提供帮助。

我正在创建自己的就地编辑功能，您可以在其中单击编辑按钮，然后我的定义列表的内容将被交换为表单...预填充数据。如同this http://15daysofjquery.com/examples/jqueryEditInPlace/divEdit.php

除了每个可编辑部分（用户评论）都被标记之外，一切都很好，并且可以有多个标签，就像 stackoverflow 上的这里一样......所以我的 HTML 输出每个评论的标签是这样的

 <dl id='comment_id'>
  <dt class="comment title">#i.getsTitle()#</a></dt>
           // Other info
    <dd class="categories">
        <dl>
      <dt>Tags:</dt>
    <cfloop array="#i.getCategory()#" index="ii">
     <dd class="category"><a href="">#ii.getsCategory()#</a></dd>
 </cfloop>
  </dl>
   </dd>

因此，我将类别或标签嵌套在定义列表中，由循环控制。

到目前为止，我尝试做的是使用 Jquery 获取这些类别的内容，这样当您单击编辑时，类别表单字段将预先填充该评论的现有标签......

$('.edit').click(function(){
  // Grab the text for all categories
 var sCategory = $(this).parents('dl').find('dd.categories dl dd.category').text();

 //Build a form and prefill the category form field with the sCategory Variable
 form + '' // Other Data to build form 
 form += '<dl><input name="sCategory" type="text" value="' + sCategory + '" /></dl>'

 // Show edit form prefilled with appropriate content
 $('dl#comment_id).(form);

这有效，但它显示该条目的所有类别彼此相邻，没有空格......例如“JqueryColdfusionValidation”。想知道如何将其显示为“JqueryColdfusionValidation”....我猜这里需要 .each 函数，但对如何实现有点卡住

非常感谢

Map() http://api.jquery.com/map/对这类事情有好处。尝试这个：

var sCategory = $(this).parents('dl').find('dd.categories dl dd.category').map(function() {
  return $(this).text();
}).get().join(' ');