锚标签内的输入复选框

Question

我的html代码具有以下结构。由于不可避免的情况，我无法更改html结构。我希望链接和复选框都可以独立工作。如何通过Javascript或Jquery完成此操作？

<a href="#">
  <span class="fa fa-chevron-right blue"></span> 
  Early Math
  <label class="label-checkbox">
    <input type="checkbox" data-field-type="checkbox"><i class="fa fa-2x icon-checkbox"></i>
  </label>
</a>

Answer 1

我不认为锚内部的复选框可以可靠地工作。但是，即使您无法直接更改HTML，您仍然可以通过Javascript / JQuery对其进行操作：

$(document).ready(() => {
    $('a input').insertAfter("a");
});

（这确实假设只有一个<a>标签和一个<input>标签）。