Javascript 将包含4个元素的不同类名收集到JSON字符串中

Javascript 将包含4个元素的不同类名收集到JSON字符串中,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我有一些类名,从r1到r10。在一行中,我有4个选择选项,如下所示: <tr class="info" id="alertr1"> <td width="30px">1</td> <td width="200px">Likes Authority</td>

我有一些类名,从r1到r10。在一行中,我有4个选择选项,如下所示:

                           <tr class="info" id="alertr1">
                                <td width="30px">1</td>
                                <td width="200px">Likes Authority</td>
                                <td  width="75px;">
                                    <select class="r1" style="position: absolute; z-index:9999;"
                                        onmouseover="this.size=this.options.length"
                                        onmouseout="this.size=1" onchange="this.size=1"  name="qtyL" >  
                                        <option value="0">-</option>
                                        <option value="1" >1</option>
                                        <option value="2" >2</option>
                                        <option value="3" >3</option>
                                        <option value="4" >4</option>
                                    </select>
                                </td>
                                <td  width="200px">Enthusiastic</td>
                                <td  width="75px;"> 
                                    <select class="r1" style="position: absolute; z-index:9999;"
                                        onmouseover="this.size=this.options.length"
                                        onmouseout="this.size=1" onchange="this.size=1"  name="qtyO" >  
                                        <option value="0">-</option>
                                        <option value="1" >1</option>
                                        <option value="2" >2</option>
                                        <option value="3" >3</option>
                                        <option value="4" >4</option>
                                    </select>
                                </td>
                                <td width="200px">Sensitive Feelings</td>
                                <td width="75px;">
                                    <select class="r1" style="position: absolute; z-index:9999; "
                                        onmouseover="this.size=this.options.length"
                                        onmouseout="this.size=1" onchange="this.size=1"  name="qtyG" >  
                                        <option value="0">-</option>
                                        <option value="1" >1</option>
                                        <option value="2" >2</option>
                                        <option value="3" >3</option>
                                        <option value="4" >4</option>
                                    </select>
                                </td>
                                <td  width="180px">Likes Instructions</td>
                                <td width="75px;">
                                    <select class="r1" style="position: absolute; z-index:9999; "
                                        onmouseover="this.size=this.options.length"
                                        onmouseout="this.size=1" onchange="this.size=1"  name="qtyB" >  
                                        <option value="0">-</option>
                                        <option value="1" >1</option>
                                        <option value="2" >2</option>
                                        <option value="3" >3</option>
                                        <option value="4" >4</option>
                                    </select>
                                </td>
                            </tr>

如何使用javascript或jquery方法通过循环获得它?因为如果用户输入了他们的答案,我就可以使用它们将其放回我的问题输入中。

我猜您可能要查找的对象如下

[
   r1: 4,2,3,1;
   r2: 2,1,3,4;
    .....
    .....
   r10: 2,1,4,3;
]
{
   r1: [4,2,3,1],
   r2: [2,1,3,4],
    .....
    .....
   r10: [2,1,4,3]
}
由于您提到的对象无效,您可以使用
.each()
在所有
上循环选择
,并在其中的选项上循环,如

$(函数(){
$('#btn')。单击(函数(){
var res={};
console.log($('#tab').find('tr'))
$('tr')。每个(函数(){
var tmp=[];
var-cl;
$(this).find('select').each(function(){
cl=$(this.attr('class');
控制台日志(cl);
tmp.push($(this.val());
})
res[cl]=tmp
})
控制台日志(res);
})
})

1.
喜欢权威
-
1.
2.
3.
4.
热情的
-
1.
2.
3.
4.
敏感的感情
-
1.
2.
3.
4.
喜欢指令
-
1.
2.
3.
4.
1.
喜欢权威
-
1.
2.
3.
4.
热情的
-
1.
2.
3.
4.
敏感的感情
-
1.
2.
3.
4.
喜欢指令
-
1.
2.
3.
4.

单击
我猜您可能要查找的对象如下

[
   r1: 4,2,3,1;
   r2: 2,1,3,4;
    .....
    .....
   r10: 2,1,4,3;
]
{
   r1: [4,2,3,1],
   r2: [2,1,3,4],
    .....
    .....
   r10: [2,1,4,3]
}
由于您提到的对象无效,您可以使用
.each()
在所有
上循环选择
,并在其中的选项上循环,如

$(函数(){
$('#btn')。单击(函数(){
var res={};
console.log($('#tab').find('tr'))
$('tr')。每个(函数(){
var tmp=[];
var-cl;
$(this).find('select').each(function(){
cl=$(this.attr('class');
控制台日志(cl);
tmp.push($(this.val());
})
res[cl]=tmp
})
控制台日志(res);
})
})

1.
喜欢权威
-
1.
2.
3.
4.
热情的
-
1.
2.
3.
4.
敏感的感情
-
var storedValues = {
    "r1" : values
 };
$.each($("[name='r1']"), function() {
values[] = this.val();
});
storedValues.r1 = values;
myValues = JSON.stringify(storedValues);
{"r1":["1","5","4","3"],"r2":["2","2","1","5"]} .....etc.