各要素のjavascript親divを削除して自分のdivに置き換えます

Question

javascriptを使用して各入力クラスの親divを削除して、自分のクラスに置き換えようとしています。しかし、入力フィールドのIDは常にランダムです。

element.parentElement 

：一度あなたが使用してDOM要素の親要素を選択することができ、選択し

<div class="random1293"> 
    <input id="filter_16" type="checkbox" name="filter[]" value="16"> 
</div> 

<div class="random2423"> 
    <input id="filter_17" type="checkbox" name="filter[]" value="17"> 
</div> 

Answer 1

この投稿にJqueryというタグを付けずに、OP内のコードでjqueryを使用していても、Jqueryソリューションが受け入れられると判断します。

idで始まるすべての入力要素を選択し、親divのクラスを必要なものに変更します。

$('input[id^="filter_"]').each(function(){ 
    $(this).parent().attr('class','yourOwnClassHere'); 
}); 

Answer 2

：私の入力フィールドがどのように見えるかここで

<script type="text/javascript"> 

var filter = document.getElementsByName('filter[]'); 

function show() { 
    for (var i = 0; i < filter.length; i++) { 
     alert(filter[i].value) 
    } 
} 

//The .sidebar-filter-item, should not be hardcoded 
//because that name can differ always. 
$("<h2> test </h2>").insertBefore(".sidebar-filter-item "); 

されています。ここに私のコードですid属性がランダム/予測不可能になる場合、要素を選択することに関して、あなたは代わりにse：

document.getElementsByTagName("input"); 

これは、あなたの入力要素の配列を提供します。これらの入力要素をループして、それぞれに対して操作を実行できます。

また、あなたは（あなたがページ上のすべての入力をしたくない場合）クラスを使用して、選択したい要素のそれぞれ与えることができる：また、あなたが扱うことができる配列を返します

document.getElementsByClassName("className"); 

を同じように。