您如何首先找到一個包含字符串的類，然后使用剛剛找到的那個類獲取元素的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);
        });