Javascript 如何覆盖jquery添加的内联css样式属性

我正在使用剑道UI选项卡，因此一旦选项卡到达最后一个li列表，右导航箭头就会隐藏或添加带有jquery的显示无内联CSS，因此我希望覆盖显示无到显示块！重要信息，当div具有display none属性时，添加不透明度0.4

我尝试使用if语句，但它不起作用

<script>
                $(document).ready(function () {
                    $("#tabstrip").kendoTabStrip();
  
                    if($('.k-button').is(':visible')){
                        $(this).css("opacity","0.2");    
                    }else{
                        $(this).css("opacity","1");  
             
                }
                });
            </script>

$（文档）.ready（函数（）{
$（“#tabstrip”）.kendotastrip（）；
如果（$（'.k-button'）。是（':visible'））{
$（this.css（“不透明度”，“0.2”）；
}否则{
$（this.css（“不透明度”、“1”）；
}
});

如果（$（'.k-button'）.is（':visible'））您的代码

不起作用，因为左右按钮是动态添加的

对于右侧按钮，请尝试以下代码：

$(document).ready(function () {
            $("#tabstrip").kendoTabStrip();
            setInterval(function () {
                var el = $('.k-tabstrip-next');

                if (el.css('display') == 'none') {
                    el.css("opacity", "0.2").css('display', '');
                    el.attr('data-el', 'stop');
                }
                else if (el.attr('data-el') != 'stop')
                    el.css("opacity", "1");
            }, 200);

            $(document).on('click', '.k-tabstrip-prev', function () {
                $('.k-tabstrip-next').attr('data-el', '');
            });
        });

如果希望两个按钮都可见，可以尝试以下方法：

$(document).ready(function () {
            $("#tabstrip").kendoTabStrip();
            setInterval(function () {
                var ne = $('.k-tabstrip-next');
                var pr = $('.k-tabstrip-prev');

                if (ne.css('display') == 'none') {
                    ne.css("opacity", "0.2").css('display', '');
                    ne.attr('data-el', 'stop');
                }
                else if (ne.attr('data-el') != 'stop')
                    ne.css("opacity", "1");

                if (pr.css('display') == 'none') {
                    pr.css("opacity", "0.2").css('display', '');
                    pr.attr('data-el', 'stop');
                }
                else if (pr.attr('data-el') != 'stop')
                    pr.css("opacity", "1");


            }, 200);


            $(document).on('click', '.k-tabstrip-prev', function () {
                $('.k-tabstrip-next').attr('data-el', '');
            });


            $(document).on('click', '.k-tabstrip-next', function () {
                $('.k-tabstrip-prev').attr('data-el', '');
            });
        });

在显示的代码（或演示链接中）中没有
$（'.k-button'）
，而
这是
文档
谢谢，完美的答案