javascript - jQuery attr() 返回未定义

Question

我正在使用 jquery 函数 attr() 来获取输入元素的自定义属性。但是，此函数在 Chrome 中返回 undefined。我尝试打印这个元素，结果是:

[prevObject: o.fn.init[1], context: document, selector: "input[name="money",uid="1"]", jquery: "2.1.0", constructor: function…]

以下是我的js代码:

$('.panel').each(function(index, element) {
    var uid = $(this).attr('uid');
    console.log($(this));
    var moneyMinusBtn = $(this).find('.btn-money-minus')[0];
    var moneyPlusBtn = $(this).find('.btn-money-plus')[0];
    var moneyInput = $(this).find('input[name="money"]')[0];
    console.log($('input[name="money",uid="'+uid+'"]').attr('uid'));
}

HTML代码:

 <input type="number" class="form-control" name="money" value="<?php echo $node['money'] ?>" uid="1" />

Answer 1

问题在于您链接属性选择器的方式。这将起作用:

$('input[name="money"][uid="'+uid+'"]').attr('uid')

使用 data-* 属性也是一个好主意。