您如何首先找到一个包含字符串的类，然后使用刚刚找到的那个类获取元素的ID？ 使用JavaScript

Question

我想做的是在页面上搜索在类名中具有字符串“ tab_selected”的元素。 类名不仅仅是“ tab_selected”。 它的“ tab_selected + UUID”。 UUID发生更改，因此我真正要搜索的是类名是否包含“ tab_selected”，然后如果要这样做，则要获取该元素的ID并使用该ID设置cookie。 我是一个使用JavaScript的可怕的Noob，所以任何方向都很棒。 谢谢！

Answer 1

编辑：

使用jQ实际上相当简单：

var sel = '.tab_selected_left_horizontal, .tab_selected_right_horizontal, .tab_selected_text_horizontal, .tab_selected_left_vertical, .tab_selected_text_vertical, .tab_selected_right_vertical';

var ids = $(sel).map(function(){
  return $(this).attr('id');
});

---

我建议添加一个没有UUID的tab_selected附加类。 这样，您无需解析类名即可获取该类的所有元素。 所以您的元素可能看起来像这样：

<div class="tab_selected tab_selected-UUID"></div>

这样，您可以只执行$('.tab_selected') 。

Answer 2

只是一个猜测，但是如果您尝试从所选选项卡中保存cookie，则jquery可以为您执行以下操作：

您将需要jquery-ui和一个cookie插件，然后您要做的就是更改选项卡的初始化：

<script type="text/javascript">
  $(function() {
    $("#tabs").tabs({
      cookie: {
        // store cookie for a day, without, it would be a session cookie
        expires: 1
      }
    });
  });
</script>

Cookie插件在这里

Answer 3

好吧，这比我做的要简单得多。 谢谢大家的帮助！ 这是我的测试，效果很好。

$(document).ready(function() {
$(".tab_selected_text_horizontal").attr("id");
var title = $(".tab_selected_text_horizontal").attr("id");
alert(title);
        });