把百度这个样式扒出来

Question

把此处的tab选项卡样式和效果展示出来 用jquery，把这个部分扒出来就好

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

首先，我们需要使用jQuery来获取网页上的tab选项卡内容。然后，将这些内容存储到一个数组中。以下是实现这个功能的代码：

// 引入jQuery库
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
$(document).ready(function() {
  // 存储tab选项卡内容的数组
  var tabContents = [];

  // 获取所有的tab选项卡标题
  var tabTitles = $('ul.tab-titles li');

  // 遍历每个选项卡标题
  tabTitles.each(function(index) {
    // 获取当前选项卡的索引
    var currentIndex = index + 1;

    // 获取当前选项卡的内容
    var content = $('.tab-content[data-index="' + currentIndex + '"]').text().trim();

    // 将内容添加到数组中
    tabContents.push(content);
  });

  // 输出数组内容
  console.log(tabContents);
});
</script>

这段代码首先引入了jQuery库，然后在文档加载完成后执行。它首先创建了一个名为tabContents的空数组，用于存储选项卡内容。接着，它获取了所有具有ul.tab-titles li选择器的元素（即选项卡标题），并遍历它们。对于每个选项卡标题，它获取其对应的内容（假设内容位于具有tab-content类和data-index属性的元素中），然后将内容添加到tabContents数组中。最后，它将数组内容输出到控制台。