javascript - 带 TD 和输入的 Jquery Map 函数

Question

我正在尝试将 td 中的单词与文本框中输入的输入文本结合起来。

<table width="100%">
<tr>
<td class="CommentWords" width="25%">jsakldjs </td>
  <td class="Label" width="85%"> <input class="Textcomment"
      id="txtCommentWords_3" type="text" width="550px">
</td>
</tr>

<tr class="NormalItem">
    <td class="CommentWords" width="25%">klsajdksajd </td>
    <td class="Label" width="85%"> <input class="Textcomment"
        id="txtCommentWords_4" type="text" width="550px"> </td>
</tr>

</table>

因为我需要从“commentWords”和“TextComment class”中选择所有单词以及关联的值。 Fiddler link.

例如:

输出将是

jsakldjs Å InputTextvalue ¶ // Å will be Field separator, ¶ will be Row Seperator

这是我尝试过的，但到目前为止它将返回文本框值或 td 值。我需要获取所有 td 值以及带有字段和行分隔符的相应文本值

var list = $(".CommentWords, .Textcomment", this).map(function() {
                            return $(this).val();
                        });

Answer 1

你应该做类似的事情

var list = $(".CommentWords, .Textcomment", $('#table')).map(function() {
    var $this = $(this);
    if ($this.is('td')) {
        return $this.text();
    } else {
        return $this.val();
    }
});

打印结果

for(i = 0; i < list.length; i++){
    var current  = list[i];
    $('#result').append(current);
    if(i % 2 !== 0){
        $('#result').append(' [end of line] ');
    }else{
         $('#result').append(' [td - input separetor] ');
    }
}

如果需要连接字符串

 var finalString = '';
 for(i = 0; i < list.length; i++){
    var current  = list[i];
    finalString  += current;
    if(i % 2 !== 0){
        finalString += ' [end of line] ';
    }else{
        finalString += ' [td - input separetor] ';
    }
 }

在这里摆弄http://jsfiddle.net/23hgy/2/