Değer özelliğini bir div etiketine nasıl ayarlayabilirim?

Question

Her kutuya tıkladığımda, her kutunun özellik değerini uyarmak istediğimde 3 kutum var.

https://jsfiddle.net/aedzgu9v/

<div class="box" value="box1"></div> 
<div class="box" value="box2"></div> 
<div class="box" value="box3"></div> 

.box{ 
    height: 80px; 
    width: 80px; 
    border: 2px solid blue; 
    margin: 5px; 
} 

$('.box').on('click', function(){ 
    var value = $(this).val(); 
    alert(value); 
}); 

Answer 1

yerine bu deneyin

$('.box').on('click', function(){ 
    var value = $(this).attr('value'); 
    alert(value); 
}); 

Answer 2

Sadece form denetimleri sen val() kullanmanızı sağlar meşru özelliği value var ... diğer unsurları

yok sana kullanarak data- niteliği ve erişimi buna kullanmaya geçiş önermek data() veya

<div class="box" name="box1"></div> 
<div class="box" name="box2"></div> 
<div class="box" name="box3"></div> 

$('.box').on('click', function(){ 
    var value = $(this).attr('name'); 
    alert(value); 
}); 

Yoksa değer özelliğini kullanmak istiyorsanız:JS

$('.box').on('click', function(){ 
    var value = $(this).data('value'); 
    alert(value); 
});