如何选择输入:具有特定属性(最大值)特定值的文本

Question

需要jQuery的帮助。

这是HTML中的一些输入：

<input type="text">
<input type="text" class="v-textfield" maxlength="36">
<input type="text" class="v-textfield" maxlength="4">
<input type="text" class="v-textfield" maxlength="12">

我需要选择一个具有maxlength =" 36"的一个，但是没有运气

var mi = $('input:text[maxlength=36]');

完整的SRC：

console.log('-- start --');
var inputs = $('input:text');
var i, myinput;
console.log(inputs.length);
for (i = 0; i < inputs.length; i++) {
    console.log(inputs[i]);
    if (inputs[i].maxLength == 36) {
        myinput = inputs[i];
        //break;
    }
}
console.log('-- myinput --');
console.log(myinput);
console.log('=============');
console.log('-- mi --');
var mi = $('input:text[maxlength=36]'); // <<<<<---need help here
console.log(mi);
console.log('-- end --');

控制台输出

Answer 1

css选择器语法应为： $("input[type=text][maxlength=36]")

$("#log-value").on("click", () => {
    console.log($("input[type=text][maxlength=36]").val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text">
<input type="text" class="v-textfield" maxlength="36">
<input type="text" class="v-textfield" maxlength="4">
<input type="text" class="v-textfield" maxlength="12">
<button id="log-value">Log Value</button>

Answer 2

可以使用以下两种方法。一个是通过选择器，另一种用途查找以找到具有属性maxlength=36的输入

console.log($("input[type=text][maxlength=36]"))
console.log($(document).find($('input').attr('maxlength')=="36"))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text">
<input type="text" class="v-textfield" maxlength="36">
<input type="text" class="v-textfield" maxlength="4">
<input type="text" class="v-textfield" maxlength="12">