Как изменить атрибут id с помощью jquery

Question

Как мне изменить значение атрибута id с / на что-то вроде: -?Вот что есть:

<div id="Over/Under">

Я пытался сделать это с JQuery:

$('[id^="Over/Under"]').each(function(){
  this.id = this.id.replace('Over/Under', 'over-under');  // Replace Id
});

Однако это не работает.Обратите внимание, что у меня нет прямого доступа к значению id

Answer 1

Если я вас правильно понимаю, вы хотите изменить атрибут id любого тега с косой чертой (/) на дефис (-).

Вы можете легко достичьчто с помощью id*= селектора:

$('[id*="/"]').each(function(){
    console.log('ID before: ' + $(this).attr('id'));
    $(this).attr('id', $(this).attr('id').replace('/', '-'));
    console.log('ID after: ' + $(this).attr('id'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="user/name">

При этом все элементы с id, содержащие косую черту, будут найдены, и вместо id будет использоваться дефис.

Консольный вывод:

ID before: user/name
ID after: user-name