Как сначала найти класс, содержащий строку, а затем получить идентификатор элемента с тем классом, который вы только что нашли?Используя Javascript

Question

Я пытаюсь найти на странице элемент, в имени которого есть строка 'tab_selected'.Имя класса - это больше, чем просто tab_selected.Его «tab_selected + UUID».UUID изменяется, поэтому все, что я действительно хочу найти, - это если имя класса содержит tab_selected, а затем, если это так, я хочу получить идентификатор этого элемента и установить cookie с этим идентификатором.Я ужасный нуб с javascript, поэтому любое направление было бы потрясающим.Спасибо!

Answer 1

Просто предположение, но если вы пытаетесь сохранить 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 2

Хорошо, это было намного проще, чем я делал.Спасибо всем за вашу помощь!Здесь был мой тест, и он работал отлично.

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

Answer 3

РЕДАКТИРОВАТЬ:

Это действительно довольно просто с 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');
});

---

Я бы рекомендовал добавить дополнительный класс tab_selected без UUID,Таким образом, вы можете получить все элементы этого класса, не анализируя имена классов.Таким образом, ваш элемент может выглядеть так:

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

Таким образом, вы можете просто сделать $('.tab_selected').