Как получить названия вкладок кендо?

Question

Я хочу получить заголовки вкладок кендо в моем js.how, чтобы получить все заголовки вкладок кендо.

<div  kendo-tab-strip="vm.tabstrip" k-content-urls="[ null, null]"  
id="tabstrip">
           <ul>
           <li>
               <span>SubContractorRentalItems</span>
           </li>
           <li>
               <span>MLRentalItems</span>
           </li>
           <li>
               <span>SubHiredItems</span>
           </li>
           <li>
               <span>SubHiredAccessories</span>
           </li>    
       </ul>
      </div>

Итак, я хочу получить все названия элементов span в моем js? Как это получить?

Answer 1

Вы можете получить список элементов в закладке (ссылка на API доступна здесь):

$("#tabstrip").data("kendoTabStrip").items();

Допустим, вы добавляете класс "title" в ваши промежутки:

<div  kendo-tab-strip="vm.tabstrip" k-content-urls="[ null, null]" id="tabstrip">
       <ul>
       <li>
           <span class='title'>SubContractorRentalItems</span>
       </li>
       <li>
           <span class='title'>MLRentalItems</span>
       </li>
       <li>
           <span class='title'>SubHiredItems</span>
       </li>
       <li>
           <span class='title'>SubHiredAccessories</span>
       </li>    
   </ul>
  </div>

Вы можете получить названия, используя:

$($("#tabstrip").data("kendoTabStrip").items()).children("li span.title");