jquery的，屬性選擇器，獲得當前屬性值

Question

我有一個輸入：

<input type="text" size="5" maxlength="5" decimals="2"> 

其中「小數」可以是從0到4

的值。在onblur事件，任何數字用戶類型將改爲符合，因此：

decimals="2" 
User enters: 123.456 
Input is changed to: 123.46 

這很平凡，沒問題。我的問題是關於獲得「小數」值的最有效方法。既然我們已經選擇了基於輸入

$('[decimals]').blur(function(){ 
    val = $(this).attr('decimals'); 
    // *** do stuff with val *** 
}); 

...但在我看來，就必須有一種更有效的方式來獲得「小數」的價值：通常情況下，我會寫（jQuery的）在那個屬性上。有沒有，或者我的代碼是唯一的寫法？

Answer 1

您可以看看attributes。這是一個NamedNodeMap有一些功能。

如果你指的是屬性而不是custom data attributes你可以這樣做：

$(function() { 
 
    $('[decimals]').blur(function(){ 
 
    var val = this.attributes.decimals.value; 
 
    var val1 = this.attributes.getNamedItem('decimals').value; 
 
    var val2 = this.getAttribute('decimals'); 
 
    
 
    console.log('this.attributes.decimals.value = ' + val); 
 
    console.log('this.attributes.getNamedItem("decimals").value = ' + val1); 
 
    console.log('this.getAttribute("decimals") = ' + val); 
 
    // *** do stuff with val *** 
 
    }).trigger('blur'); 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 

 
<form> 
 
    <input type="text" size="5" maxlength="5" decimals="2"> 
 
</form>

相反，如果你指的是自定義的數據屬性：

小數=」 2「

用戶輸入：123.456

輸入更改爲：123.46

你可以這樣做：

$(function() { 
 
    $('[data-decimals]').on('blur', function(e){ 
 
    var val = +$(this).data('decimals'); 
 

 
    var txtNumber = +this.value; 
 

 
    this.value = txtNumber.toFixed(2); 
 
    }); 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 

 
<form> 
 
    <input type="number" size="5" maxlength="5" data-decimals="2"> 
 
</form>