最简单的使用jQuery的方法，通过一个标签jQuery对象来访问输入

Simplest way to use jQuery to access an input via a label jQuery object

本文关键字：jQuery 标签 一个 对象 访问 输入 方法 最简单      更新时间：2023-09-26

假设您有以下代码:

<input name="my-input' id="my-input-id" />
<label for="my-input-id">

标签上有一个click事件，如下所示:

$("label[for='my-input-id']").click( function() {
    var myLabel = $(this);
}

通过myLabel jQuery对象获得输入的jQuery对象的最简单/最简单的方法是什么?

$("label[for='my-input-id']").click( function() {
    var myLabel = $(this);
    var input = $('#' + myLabel.attr('for'));
});


$("label[for='my-input-id']").click(function() {
  var input = $('#' + this.htmlFor);
  input.css('outline','1px solid red');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input name="my-input" id="my-input-id" />
<label for="my-input-id">a</label>

$("label[for='my-input-id']").click( function() {
    var myLabel = $(this);
    var input = $('input[id=' + myLabel.attr('for') + ']');
}

如果输入将立即在前面的位置标签，即myLabel在这种情况下，那么你也可以使用JQuery .prev()，这是遍历。看看下面的js代码

$("label[for='my-input-id']").click( function() {
  var myLabel = $(this);
  var input = $(this).prev();
}
相关文章：