如何jQuery select 一个标签里面的一个div?
How to jQuery select a label inside a div?
我的 dom 看起来像这样:
<div class="edit-section slideDown">
<form>
<div class="info-header">
<div class="acct-section-title clearfix">
<h3 class="acct-section-title-txt pull-left">Meals</h3>
<button type="button" class="pull-right btn-close icon-close"></button>
</div>
</div>
<div id="flash-msg"></div>
<ul class="info-list info-list-form">
<div class="col-sm-4 info-label"><label for="delivery_name">Name</label></div>
<div class="col-sm-8 info-value">
<div class="form-group mb-0">
<input type="text" name="delivery_name" id="delivery_name" class="form-input">
</div>
...
如何使用jQuery检查底部的输入是否有dom元素:
<label for="delivery_name">Name</label>
最好的检查方法是什么?
$('.edit-section')
获取外部元素,但如何获取标签标签?
How do I get the label tag?
最直接的方法是:
$('label[for="delivery_name"]');
How do I use jQuery to check if the input at the bottom has the label?
如果$('label[for="delivery_name"]').length < 1
,则不存在。
你可以使用查找。
检查以下代码段
console.log($(".edit-section").find("label[for =delivery_name]").text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="edit-section slideDown">
<div class="info-header">
<div class="acct-section-title clearfix">
<h3 class="acct-section-title-txt pull-left">Meals</h3>
<button type="button" class="pull-right btn-close icon-close"></button>
</div>
</div>
<div id="flash-msg"></div>
<ul class="info-list info-list-form">
<div class="col-sm-4 info-label">
<label for="delivery_name">Name</label>
</div>
<div class="col-sm-8 info-value">
<div class="form-group mb-0">
<input type="text" name="delivery_name" id="delivery_name" class="form-input">
</div>
</div>
请试试这个:
$('#delivery_name').closest('ul').find('label')
您可以使用 jQuery 直接访问 delivery_name。
$('#delivery_name')
文档在这里:https://api.jquery.com/
您可以直接定位标签$('.edit-section label[for="delivery_name"]')
我的 dom 看起来像这样:
<div class="edit-section slideDown">
<form>
<div class="info-header">
<div class="acct-section-title clearfix">
<h3 class="acct-section-title-txt pull-left">Meals</h3>
<button type="button" class="pull-right btn-close icon-close"></button>
</div>
</div>
<div id="flash-msg"></div>
<ul class="info-list info-list-form">
<div class="col-sm-4 info-label"><label for="delivery_name">Name</label></div>
<div class="col-sm-8 info-value">
<div class="form-group mb-0">
<input type="text" name="delivery_name" id="delivery_name" class="form-input">
</div>
...
如何使用jQuery检查底部的输入是否有dom元素:
<label for="delivery_name">Name</label>
最好的检查方法是什么?
$('.edit-section')
获取外部元素,但如何获取标签标签?
How do I get the label tag?
最直接的方法是:
$('label[for="delivery_name"]');
How do I use jQuery to check if the input at the bottom has the label?
如果$('label[for="delivery_name"]').length < 1
,则不存在。
你可以使用查找。
检查以下代码段
console.log($(".edit-section").find("label[for =delivery_name]").text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="edit-section slideDown">
<div class="info-header">
<div class="acct-section-title clearfix">
<h3 class="acct-section-title-txt pull-left">Meals</h3>
<button type="button" class="pull-right btn-close icon-close"></button>
</div>
</div>
<div id="flash-msg"></div>
<ul class="info-list info-list-form">
<div class="col-sm-4 info-label">
<label for="delivery_name">Name</label>
</div>
<div class="col-sm-8 info-value">
<div class="form-group mb-0">
<input type="text" name="delivery_name" id="delivery_name" class="form-input">
</div>
</div>
请试试这个:
$('#delivery_name').closest('ul').find('label')
您可以使用 jQuery 直接访问 delivery_name。
$('#delivery_name')
文档在这里:https://api.jquery.com/
您可以直接定位标签$('.edit-section label[for="delivery_name"]')