Question

jquery怎样做到获取一个div里的值以后，循环判断另一个div里的值相等

<div id="a">111,222,333</div>
<div id=“b”><input type="checkbox" name="checked1" value="111"><input type="checkbox" name="checked1" value="222"><input type="checkbox" name="checked1" value="333"><input type="checkbox" name="checked1" value="444"></div>
我获取了a里面的值 循环取出来了
我想根据这个值去判断value里面的值得相等的 给其加上 选中

Answer 1

根据你的需求，我写了两段代码（分使用jQuery和原生JS描述），请参考：

/*使用jQuery的写法，需先引入jQuery库*/

//第1步：读取a中的数值，并按逗号分割成数组
var a = $('#a').html().split(',');

//第2步：遍历数组，勾选与数组值相同的复选框
$.each(a, function(index, item){
  $('input[value='+item+']').attr('checked', true);
});

/*原生JS的写法，需IE9及以上浏览器*/

//第1步：读取a中的数值，并按逗号分割成数组
var a = document.getElementById('a').innerText.split(',');

//第2步：遍历数组，勾选与数组值相同的复选框
a.forEach(function(item, index, arr){
  var input = document.querySelectorAll('input[value="'+item+'"]');
  for(var n=0;n<input.length;n++){
    input[n].checked = 'checked';
  }
});

Answer 2

var aval = $("#a").val();
var aArray = aval.split(",");
var inval = $("#b").$("input");
for(var i=0;i<inval.length;i++){
    for(var j=0;j<aArray.length;j++){
           if(inval[i].val() == aArray[j]){
               inval[i].attr("checked","checked");
           }
    }
}

追问

报错了 Uncaught TypeError: inval[i].val is not a function

追答

var aval = $("#a").html();
var aArray = aval.split(",");
var inval = $("#b").$("input");
for(var i=0;i<inval.length;i++){
for(var j=0;j<aArray.length;j++){
if(inval[i].val() == aArray[j]){
inval[i].attr("checked","checked");
}
}
}