如何當標籤標籤封裝在這裏輸入複選框

Question

高級初學者所以請耐心等待:)刪除複選框，然後風格的標籤，

我有一些運氣去除checkboxes和造型的labels其中for=""屬性存在。

在一個特定的表單上，我試圖給出樣式，標記是非常不同的，labels打包了input，並且沒有for屬性。

標記是這樣..

<li id='tags-234'> 
    <label class="selectit"> 
    <input value="234" type="checkbox" 
      name="tax_input[tags][]" id="in-tags-234" /> Tag 1 
    </label> 
</li> 

誰能讓我開始？不知何故，我需要首先添加標籤標籤嗎？

所有幫助非常感謝。

Answer 1

不知道爲什麼你要刪除的複選框和風格的標籤，但在這裏就是你可以用你的HTML結構做到這一點：

// Get reference to all labels that don't have a "for" attribute: 
 
var labels = document.querySelectorAll("label:not([for])"); 
 

 
// Turn that node list into a JavaScript array: 
 
var lblArray = Array.from(labels); 
 

 
// Loop through the array: 
 
lblArray.forEach(function(lbl){ 
 
    lbl.removeChild(lbl.firstElementChild); // remove the child content 
 
    lbl.classList.add("someStyle");   // style the label by adding a class to it 
 
});

.someStyle { 
 
    background-color:yellow; 
 
}

<li id='tags-234'> 
 
    <label class="selectit"> 
 
    <input value="234" type="checkbox" 
 
      name="tax_input[tags][]" id="in-tags-234" /> Tag 1 
 
    </label> 
 
</li>