jquery - 如何获得剑道标签标题？

Question

我想在我的 js.how 中获取 kendo tabstrip 标题以获取我的 kendo tabstrip 的所有标题。

<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>

那么，我想在我的 js 中获取所有 span 元素标题？如何获得？

Answer 1

您可以使用（此处提供 API 参考）获取 tabstrip 中的项目列表：

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

假设您在跨度中添加了一个类“标题”：

<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");