jQuery中的children()方法是用于獲取當前jQuery對象的所有子元素,而label元素是用來定義表單控件的標簽的。因此,jQuery children()方法配合label元素可以很好地實現表單控件的自動關聯。
// HTML代碼 <form> <label for="name">姓名</label> <input id="name" type="text" /> <label for="age">年齡</label> <input id="age" type="number" /> </form> // JS代碼 $(function() { $('input').each(function() { var label = $(this).prev('label'); if (label.length >0) { $(this).attr('aria-label', label.text()); } }); });
以上代碼中,通過each()方法循環遍歷所有input元素,找到它們前面的label元素。如果label元素存在,則將label元素中的文本內容賦值給當前input元素的aria-label屬性,用于增強表單的可訪問性。
使用jQuery的children()方法和label元素,可以方便地實現表單控件的自動關聯,提高表單的易用性和可訪問性。