javascript - jQuery - 等待该元素然后执行 1 次

Question

我正在尝试操作 slider 中的文本。但问题是它仅适用于第一张可见幻灯片。

我需要一个方法来等待这个元素，然后执行一次。

    if(  $(".slide-1").is(":visible") == true )
{  
     var test5 = jQuery("h1,p",".feature-box-text");
     test5.wrapInner('<span></span>');
}
if(  $(".slide-2").is(":visible") == true )
{  
     var test6 = jQuery("h1,p",".feature-box-text");
     test6.wrapInner('<span></span>');      
}
if(  $(".slide-3").is(":visible") == true )
{  
     var test7 = jQuery("h1,p",".feature-box-text");
     test7.wrapInner('<span></span>');       
}
if(  $(".slide-4").is(":visible") == true )
{  
     var test8 = jQuery("h1,p",".rsts-active");
     test8.wrapInner('<span></span>');       
}

这是我的最后一个解决方案，但我仍然需要等待“if”直到元素存在或等待这个元素。

我该怎么做？

Answer 1

每个 slider 都有一些共同的类吗？假设它是一个“ce_rsce_tao_feature_box”。在 $(document).ready() 中添加以下代码:

$('.ce_rsce_tao_feature_box').each(function() {
  var current_slider = $(this);
  current_slider.find('h1,p').wrapInner('<span></span>');
  current_slider.find('.feature-box-text').wrapInner('<span></span>');
});