Получить объект функции jquery

Question

Я пытаюсь получить количество детей внутри div .test.

, но $ (this) похоже на функцию $ .fn.test, а не объект, в котором я его использую.

(function ($) { 
 

 
    $.fn.test = function (x) { 
 
     var xx = $.extend({ 
 
      items_Page: 4, 
 
     }, x); 
 

 
     function initialized() { 
 
      var itemCount; 
 

 
      ItemCount = $(this).lenght; 
 

 
      console.log(itemCount); 
 
     } 
 
     initialized(); 
 
    } 
 

 
}(jQuery)); 
 

 

 
$(".test").test()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
      <div class="tester">test1</div> 
 
      <div class="tester">test2</div> 
 
      <div class="tester">test3</div> 
 
      <div class="tester">test4</div> 
 
      <div class="tester">test5</div> 
 
      <div class="tester">test6</div> 
 
      <div class="tester">test7</div> 
 
      <div class="tester">test8</div> 
 
     </div>

Поскольку люди меня не поняли. Я вызываю функцию как этот $ ('. Test'). Test() aka Я хочу получить дочерние элементы $ ('. Test'), но он должен быть динамическим.

так, если я могу изменить его до $ («лошадь»). Тест(), то он получит все дети класса лошадь ..

Answer 1

Исправлены опечатки и настройте удлинение так, чтобы оно вернулось правильно.

(function($) { 
 

 
    $.fn.test = function(x) { 
 

 
    return this.each(function() { 
 

 
     var wrapper = $(this); 
 

 
     var xx = $.extend({ 
 
     items_Page: 4, 
 
     }, x || {}); 
 

 
     function initialized() { 
 
     var itemCount; 
 
     itemCount = wrapper.children().length; 
 
     console.log(itemCount); 
 
     } 
 
     initialized(); 
 

 
    }); 
 
    } 
 

 
}(jQuery)); 
 

 
$(".test").test()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
    <div class="tester">test1</div> 
 
    <div class="tester">test2</div> 
 
    <div class="tester">test3</div> 
 
    <div class="tester">test4</div> 
 
    <div class="tester">test5</div> 
 
    <div class="tester">test6</div> 
 
    <div class="tester">test7</div> 
 
    <div class="tester">test8</div> 
 
</div>

Answer 2

Что мешает вам использовать $('.test').children().length?

var childrenAmount = $('.test').children().length; 
 
console.log(childrenAmount);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
      <div class="tester">test1</div> 
 
      <div class="tester">test2</div> 
 
      <div class="tester">test3</div> 
 
      <div class="tester">test4</div> 
 
      <div class="tester">test5</div> 
 
      <div class="tester">test6</div> 
 
      <div class="tester">test7</div> 
 
      <div class="tester">test8</div> 
 
     </div>

Answer 3

ПОСЛЕ ВАШИХ КОММЕНТАРИЕВ

Я проверил некоторые функции, я думаю, что это будет делать трюк.

(function($){ 
    $.fn.myfunction = function() { 
     return this.children().length; 
    }; 
})(jQuery); 

Вы можете вызвать его с помощью $(".test").myfunction(); и он будет возвращать число детей элемента, переданному с помощью Jquery.

Но вы должны заботиться, я думаю, что он может действовать странно, если вы пройдете несколько элементов. (И я не знаю, что ваш предыдущий код используется для)

устаревшей

Использования JQuery, вы можете сделать это путем более быстрее.

$(".test div").length 
// $(".test") = Get the div with the class "test" 
// $(".test div") = Get the div inside the div with "test" class 

Даже быстрее, только, если у вас нет «тестер» класса тег вне вашего DIV.

$(".tester").length 

Answer 4

Просто используйте:

var ItemCount = $('.test').children('.tester').length; 

• Это будет рассчитывать только .test «S детей, также
• Это будет рассчитывать только дети с классом .tester