使用jQuery / JavaScript启用和禁用选项卡

Question

我需要启用和禁用基于选项卡的选择结果。在下面的代码中，我正在工作。如果设备B的状态为“在线”，则需要禁用“设备-V”选项卡。如何使用JavaScript / jQuery实现此功能。

jQuery：

if(result.includes("On-line") ){
    $(selected_device_id).html("");
    //Need to implement disable function here
     $(selected_device_id).append(result+"  ✅");

HTML文件：

<div class="panel">
   <br>
   <ul class="nav nav-pills nav-tabs">
   <li class="active">
      <a
         data-toggle="tab"
         href="#Device-B"
         onclick="document.getElementById('Object').value = '';
         document.getElementById('first_i').value = '';
         document.getElementById('second_i').value = '';
         document.getElementById('third_i').value = '';">
      <i>
      <b>Device B</b>
      </i>
      </a>
   </li>
   <li>
      <a
         data-toggle="tab"
         href="#Device-V"
         onclick="document.getElementById('tr181_object').value = '';
         document.getElementById('first_i').value = '';
         document.getElementById('second_i').value = '';
         document.getElementById('third_i').value = '';">
      <i>
      <b>Video</b>
      </i>
      </a>
   </li>
</div>

Answer 1

KafkaProcessorApplication

$(document).ready(function()
{
     var switch_ch = 0 ; 
       $(".linktoggle").on("click",function(){
     
         i = $(this).index(".linktoggle") ; 
         if( $(".linktoggle").attr("href") === "#Device-B")
           {
              
               if( switch_ch ===  0 ) 
               {
                 $(".linktoggle:eq(0)").show();
                 $("li:eq(0)").show();
                 $(".linktoggle:eq(1)").hide();
                 $("li:eq(1)").hide();
                   switch_ch = 1 ;
               }
               else 
               {
                 $(".linktoggle:eq(1)").show();
                 $("li:eq(1)").show();
                
                
                 switch_ch = 0 ;
               
               }
              
           }
           
        if( $(".linktoggle").attr("href") === "#Device-V")
           {
                 $(".linktoggle:eq("+i +")").hide();
               
           }
          
     });
 
});