如何将这段jquery代码转化成原生js？

Question

$('input[name="checkboxes"]:checked').each(function(){
      var status = $(this).parent().siblings(".status_format").html();
      if(status == "未出库") {
        checked11 = true;
      }
    })
    

这一段jq用普通js怎么写？

Answer 1

在这里假设checkbox父节点的兄弟节点.status_format有且仅有一个。

    var checkBoxes = document.getElementsByName("checkboxes");
    var i, checkBox, elem, checked11 = false;
    for(i = 0; checkBox = checkBoxes[i++];){
        if(checkBox.checked){
            elem = checkBox.parentNode.parentNode.firstChild;
            for (; elem; elem = elem.nextSibling){
                if (elem.nodeType === 1
                        && elem.className === "status_format"
                        && elem.innerHTML === "未出库") {
                    checked11 = true;
                    break;
                }
            }
        }
    }