Javascript 将包含4个元素的不同类名收集到JSON字符串中
我有一些类名,从r1到r10。在一行中,我有4个选择选项,如下所示: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>
<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.