Количество находкой детей последнего DIV с определенным классом

Question

Мой HTML код

<div class="col-md-6" id="buyerblock"> 
<div class="form-inline buyerdiv"> 
    <div class="form-group"> 
     <input class="form-control" name="buyername1" id="buyername1" style="margin-bottom: 3px;margin-right : 5px" value="" placeholder="Enter Buyer Name" type="text"> 
     <input class="form-control" name="buyeremail1" id="buyeremail1" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
    </div> 
    </div> 
<div class="form-inline buyerdiv"> 
    <div class="form-group"> 
     <input class="form-control" name="buyername2" id="buyername2" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"><input class="form-control" name="buyeremail2" id="buyeremail2" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button></div></div> 
<div class="form-inline buyerdiv"> 
    <div class="form-group"> 
     <input class="form-control" name="buyername3" id="buyername3" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"> 
     <input class="form-control" name="buyeremail3" id="buyeremail3" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
     <button type="button" id="addbuyerbtn" class="btn btn-primary addbutton" style="margin-left: 19px;">+</button> 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
    </div> 
</div> 
</div> 

Мой JS код

var check = $("div.buyerdiv").last().$(".form-group").children().length; 
alert(check); 

Я хочу, чтобы получить количество дочерних элементов форм-группы класса под последним классом покупателя. Как я могу это достичь? Любая помощь очень ценится ...

Answer 1

find() Использование

var check = $("div.buyerdiv").last().find(".form-group").children().length; 
    alert(check); 

Answer 2

Вместо $ использование find()

var check = $("div.buyerdiv").last().find(".form-group").children().length; 
 
console.log(check);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="col-md-6" id="buyerblock"> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername1" id="buyername1" style="margin-bottom: 3px;margin-right : 5px" value="" placeholder="Enter Buyer Name" type="text"> 
 
     <input class="form-control" name="buyeremail1" id="buyeremail1" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
 
    </div> 
 
</div> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername2" id="buyername2" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"><input class="form-control" name="buyeremail2" id="buyeremail2" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button></div></div> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername3" id="buyername3" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"> 
 
     <input class="form-control" name="buyeremail3" id="buyeremail3" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="addbuyerbtn" class="btn btn-primary addbutton" style="margin-left: 19px;">+</button> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
 
    </div> 
 
</div> 
 
</div>

Answer 3

Вот пример на скрипке с find().

var count = $('#buyerblock').find('.form-group').size(); 
 
alert(count);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-6" id="buyerblock"> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername1" id="buyername1" style="margin-bottom: 3px;margin-right : 5px" value="" placeholder="Enter Buyer Name" type="text"> 
 
     <input class="form-control" name="buyeremail1" id="buyeremail1" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
 
    </div> 
 
</div> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername2" id="buyername2" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"><input class="form-control" name="buyeremail2" id="buyeremail2" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button></div></div> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername3" id="buyername3" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"> 
 
     <input class="form-control" name="buyeremail3" id="buyeremail3" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="addbuyerbtn" class="btn btn-primary addbutton" style="margin-left: 19px;">+</button> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
 
    </div> 
 
</div> 
 
</div>

Answer 4

Пожалуйста, попробуйте следующий код, используйте следующие строки

$("div.buyerdiv").last().find(".form-group").children().length; 

var check = $("div.buyerdiv").last().find(".form-group").children().length; 
 
alert(check);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-6" id="buyerblock"> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername1" id="buyername1" style="margin-bottom: 3px;margin-right : 5px" value="" placeholder="Enter Buyer Name" type="text"> 
 
     <input class="form-control" name="buyeremail1" id="buyeremail1" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
 
    </div> 
 
</div> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername2" id="buyername2" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"><input class="form-control" name="buyeremail2" id="buyeremail2" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button></div></div> 
 
<div class="form-inline buyerdiv"> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="buyername3" id="buyername3" style="margin-bottom: 3px;margin-right : 9px" value="" placeholder="Enter Buyer Name" type="text"> 
 
     <input class="form-control" name="buyeremail3" id="buyeremail3" style="margin-bottom: 3px" value="" placeholder="Enter Buyer Email" type="email"> 
 
     <button type="button" id="addbuyerbtn" class="btn btn-primary addbutton" style="margin-left: 19px;">+</button> 
 
     <button type="button" id="removebuyerbtn" class="btn btn-danger removebutton" style="margin-left: 19px;">-</button> 
 
    </div> 
 
</div> 
 
</div>

Answer 5

У вас есть небольшая ошибка.

просто использовать находку() вместо $

вар чек = $ ("div.buyerdiv") (последняя) найти ("форм-группы.") Дети() длина....; предупреждение (проверка);