• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Usuwanie cyfr z nazwy klasy po przez JQuery

Fiszki IT
Fiszki IT
0 głosów
86 wizyt
pytanie zadane 6 września 2018 w JavaScript przez SzukającyPrzygód Bywalec (2,310 p.)

Witam

Jaki mam wprowadzić kod aby po przez JQuery usunąć z

<div id="content"><div class="icona1"></div></div>

1 tak aby zostało

<div id="content"><div class="icona"></div></div>

bardzo mi na tym jednak zależy a nie wiem jak za to zbytnio się zabrać a i co jeszcze ważne (specjalnie robie to w class a nie w id , nie będę się rozpisywał dlaczego ... )

komentarz 6 września 2018 przez kenjiro244 Dyskutant (8,600 p.)
Możesz to zrobić w czystym js na pewno w jquery będzie to jeszcze prostsze.

1. Pobierasz listę klas danego elementu.

2. Usuwasz tą jedynkę czy to za pomocą Regular Expressions czy nawet Slice.

3. Zastępujesz stare klasy nowymi.
komentarz 6 września 2018 przez SzukającyPrzygód Bywalec (2,310 p.)
a jak będzie wyglądał kod w JavaScript , a i co ważne 1 jest przykładem , zamiast 1 może być 2 lub 3

2 odpowiedzi

+2 głosów
odpowiedź 6 września 2018 przez Kamil Łydka Stary wyjadacz (13,830 p.)
edycja 6 września 2018 przez Kamil Łydka

Moim zdaniem najłatwiej i tak najbardziej intuicyjnie, będzie jeśli sobie dodasz tamtemu divowi ID albo atrybut https://developer.mozilla.org/pl/docs/Web/API/HTMLElement/dataset i wtedy możesz usunąć klasę z numerem i dodać klasę bez numeru.

$( "#twojeId" ).removeClass( "icona1" )
// usuwa klasę
$( "#twojeId" ).addClass( "icona" );
// dodaje klasę

Jeśli jednak nie chcesz dodawać żadnych dodatkowych atrubutów i chcesz  operować na tamtej klasie, to możesz posłużyć się sztuczką:

$( ".icona1" ).removeClass( "icona1" ).addClass( "icona" );

Ewentualnie skorzystać z tego pierwszego sposobu z oddzielnymi akcjami, ale pilnować żeby sobie nie usunąć klasy. (Jeśli usuniesz najpierw klasę niepotrzebną, to nie będziesz miał jak się odwołać do elementu) 

$( ".icona1" ).addClass( "icona" )
// najpierw dodajesz klasę, w tym momencie twój div ma dwie klasy: icona icona1
$( "icona1" ).removeClass( "icona1" );
// usuwasz klasę niepotrzebną

 

Ewentualnie jak korzystasz z jQuery Ui, to możesz też użyć jednej z tych metod (w zależności od sytuacji, którą dokładnie posiadasz. Napisałeś dosyć mało):  

https://api.jqueryui.com/switchclass/ 

http://api.jquery.com/toggleclass/

 

1
komentarz 6 września 2018 przez SzukającyPrzygód Bywalec (2,310 p.)

zobaczę czy o to mi chodzi , ale tak czy siak dzięki za pomoc , każda pomoc się przyda winktak czy siak dziękuje

0 głosów
odpowiedź 6 września 2018 przez pablop76 VIP (117,220 p.)
edycja 6 września 2018 przez pablop76

switchclass

Edit.

Kamil wyczerpał temat. Nie zwróciłem uwagi, że dodał linki do switchclass.

Podobne pytania

0 głosów
1 odpowiedź 1,015 wizyt
pytanie zadane 11 lutego 2018 w JavaScript przez Krzysztofson Użytkownik (620 p.)
0 głosów
1 odpowiedź 371 wizyt
pytanie zadane 21 września 2016 w JavaScript przez R.orlinski Mądrala (5,500 p.)
Porady nie od parady
Zadając pytanie postaraj się o poprawną pisownię i czytelne formatowanie tekstu.Kompozycja

84,762 zapytań

133,562 odpowiedzi

295,998 komentarzy

56,017 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...