如何在div中选择一个标签?

时间:2016-12-07 20:09:11

标签: jquery jquery-selectors

我的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')获取外部元素但是如何获取标签?

5 个答案:

答案 0 :(得分:3)

  

如何获取标签?

最直接的方法是:

$('label[for="delivery_name"]');
  

如何使用jQuery检查底部的输入是否有标签?

如果$('label[for="delivery_name"]').length < 1,那么它就不存在。

答案 1 :(得分:3)

你可以使用find for it。

检查以下代码段

&#13;
&#13;
console.log($(".edit-section").find("label[for =delivery_name]").text());
&#13;
<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>
&#13;
&#13;
&#13;

答案 2 :(得分:2)

您需要使用findclosest功能。

请试试这个:

$('#delivery_name').closest('ul').find('label')

答案 3 :(得分:2)

您可以直接定位标签$('.edit-section label[for="delivery_name"]')

答案 4 :(得分:0)

您可以使用jQuery直接访问delivery_name。

  

$(&#39;#delivery_name&#39)

此处的文档:https://api.jquery.com/