Wie man Datenwert von der Elementklasse erhält?

Question

HTML-Code:

<input type="file" name="efile" id="efile" data-cat="electronics" style="width:100%" class="alertme"> 
<input type="file" name="dfile" id="dfile" data-cat="Decoratives" style="width:100%" class="alertme"> 
<input type="file" name="kfile" id="kfile" data-cat="kitchen" style="width:100%" class=""> 
<input type="file" name="hdfile" id="hdfile" data-cat="Home" style="width:100%" class=""> 
<input type="file" name="ffile" id="ffile" style="width:100%" data-cat="Furnitures" class="alertme"> 

Wie kann ich Daten-cat Attributwert bekommen, wo Klasse alertme vorhanden ist? und danke für das Lesen meiner Frage. Ich bin schwach in Englisch, bitte entschuldigen Sie mich, wenn ich irgendwelche grammatikalischen oder Rechtschreibfehler gemacht habe.

Answer 1

Sie können wie versuchen, dieses

$(document).ready(function(){ 
 
    $(".alertme").each(function(){ 
 
var val = $(this).data('cat'); 
 
    alert(val); 
 
}); 
 
})

<input type="file" name="efile" id="efile" data-cat="electronics" style="width:100%" class="alertme"> 
 
<input type="file" name="dfile" id="dfile" data-cat="Decoratives" style="width:100%" class="alertme"> 
 
<input type="file" name="kfile" id="kfile" data-cat="kitchen" style="width:100%" class=""> 
 
<input type="file" name="hdfile" id="hdfile" data-cat="Home" style="width:100%" class=""> 
 
<input type="file" name="ffile" id="ffile" style="width:100%" data-cat="Furnitures" class="alertme"> 
 
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

Answer 2

hier ist der Code, dies zu erreichen:

$(".alertme").each(function(){ 
    // Here you can fill your array or whatever you want.. 
    $(this).attr("data-cat"); 
}); 

Answer 3

Verwenden attr() das Datenattribut und eine Schleife zu erhalten tun, den Wert drücken zum Datenfeld

var data = []; 
 
$(".alertme").change(function() { 
 
    $(".alertme").each(function() { 
 
    data.push($(this).attr("data-cat")); 
 
    }); 
 
    console.log(data); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" name="efile" id="efile" data-cat="electronics" style="width:100%" class="alertme"> 
 
<input type="file" name="dfile" id="dfile" data-cat="Decoratives" style="width:100%" class="alertme"> 
 
<input type="file" name="kfile" id="kfile" data-cat="kitchen" style="width:100%" class=""> 
 
<input type="file" name="hdfile" id="hdfile" data-cat="Home" style="width:100%" class=""> 
 
<input type="file" name="ffile" id="ffile" style="width:100%" data-cat="Furnitures" class="alertme">

Answer 4

Zuerst müssen Sie alle Elemente mit dieser Klasse erhalten:

var aAlertMe = window.document.getElementsByClassName("alertme"); 

Zweitens für jedes Element im Array seine Daten in ein anderes Array einfügen:

var aDataValues = []; 
for(var i = 0; i < aAlertMe.length; i++){ 
    aDataValues.push(aAlertMe[i].dataset.cat); 
} 

Und Sie haben alle Werte in aDataValues.

Answer 5

Try This:

$("input[type='file']").each(function() { 
    if($(this).hasClass("alertme")) 
     alert($(this).data("cat")); 
});