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 --');

Console output

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

可以使用以下两种方法。一种是通过选择器，另一种是使用find查找具有属性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">

如何选择具有特定属性（最大长度）的特定值的input：text？

2 个答案: