Question

我需要查找特定选项卡是否为空。我在SO上找到了一些例子，但它们都经历了循环，这不是这里的情况。我试图找出如何修改这些例子以适用于我的具体情况，但不能。在下面的代码中，我只能检索标签标题，但如何获取其中的内容？

<li> <a href="#" onclick="SelectMainTab('#tabABC')">A B C</a></li>
<li> <a href="#" onclick="SelectMainTab('#tab123')">1 2 3</a></li>

function SelectMainTab(_tabName) {
    // Select the tab  THIS WORKS AS EXPECTED
    $('#tabMain a[href="' + _tabName + '"]').tab("show");

    // This returns the tab caption, but what I need is the tab content
    var temp = $('#tabMain a[href="' + _tabName + '"]').html().trim();

    // Once the above works, I will write code here to check if it is empty or not

    return false;
}

Answer 1

<li> <a href="#" class="tabSelector">A B C</a></li>
<li> <a href="#" class="tabSelector">1 2 3</a></li>

$('.tabSelector').on('click', function(){


  var $myDivContent = $(this).html(); 

  if($.trim($myDivContent).length === 0){

      // tab is empty
   }

});

不要使用onClick功能，因为这是一种不好的做法。请改用.on()。检查它现在是否正常工作。

你不需要像这样通过tabname。 Javascript在每个执行上下文中创建this变量。您可以设置rel，并获取它的值：

<li> <a href="#" rel="tab1" class="tabSelector">A B C</a></li>
var rel = $(this).attr('rel');

如何使用jquery查找特定选项卡是否为空？

1 个答案: