Получите часть класса css с помощью jQuery?

Question

я в настоящее время есть класс CSS под названием widget_remove_friendsWidget, но и CSS класс widget_remove_profileWidget

Теперь я пытаюсь получить имя виджета из класса CSS с помощью JQuery, так, например:

Когда у меня есть CSS класс widget_remove_friendsWidget, я не хочу, чтобы получить полный класс CSS, но только часть после widget_remove_ так, что бы friendsWidget вместо widget_remove_friendsWidget

Как я могу это сделать?

Answer 1

Попробуйте использовать replace() функцию, чтобы избавиться от класса префикса:

var className = $('.widget_remove_profileWidget').attr('class').replace('widget_remove_', ''); 

В случае, если есть более одного класса в одном элементе:

$(document).on('click', '#click', function() { 
 
    var that = $(this); 
 
    var classArr = that.attr('class').split(' '); 
 
    var target = $('#className'); 
 
    for (i in classArr) { 
 
    var item = classArr[i]; 
 
    if (item.indexOf('prefix_') != -1) { 
 
     var name = item.replace('prefix_', ''); 
 
    } 
 
    } 
 
    target.html(name); 
 
})

#click { 
 
    cursor: pointer; 
 
} 
 
#className { 
 
    width: 150px; 
 
    height: 30px; 
 
    display: inline-block; 
 
    line-height: 30px; 
 
    border: 1px solid #d8d8d8; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span id="click" class="prefix_nameOne anotherClass">click</span> 
 
<span id="className"></span>

Answer 2

попробовать thid выберет все значения класса элемента, содержащие friendsWidget

$('[class~=friendsWidget]')