Zmiana identyfikatora elementu za pomocą jQuery

302

Muszę zmienić identyfikator elementu za pomocą jQuery.

Najwyraźniej te nie działają:

jQuery(this).prev("li").attr("id")="newid"
jQuery(this).prev("li")="newid"

Dowiedziałem się, że mogę to zrobić za pomocą następującego kodu:

jQuery(this).prev("li")show(function() {
    this.id="newid";
});

Ale to nie wydaje mi się właściwe. Musi być lepszy sposób, nie? Ponadto, jeśli nie ma, jakiej innej metody mogę użyć zamiast pokazywać / ukrywać lub inne efekty? Oczywiście nie chcę pokazywać / ukrywać ani wpływać na element za każdym razem, aby zmienić jego identyfikator.

(Tak, jestem początkującym jQuery.)

Edytuj
W tym przypadku nie mogę używać klas, muszę używać identyfikatorów.

javascript jquery

— yoavf
źródło

5

W JavaScript można przypisać do zmiennej ( foo = 1), elementu obiektu ( foo.bar = 2lub foo['bar'] = 2) lub indeksu tablicy ( foo[0] = 3), ale przypisać do wyrażenia, takiego jak wynik operatora ( (x + b) = 5) lub wynik wywołania funkcji ( foo() = 1, foo(x).bar(y) = 7) nie ma żadnego sensu, więc zdecydowanie nie będzie to działało w jQuery ani w żadnej innej bibliotece JavaScript.

— rakslice,

520

Twoja składnia jest niepoprawna, powinieneś przekazać wartość jako drugi parametr:

jQuery(this).prev("li").attr("id","newId");

— Eran Galperin
źródło

4

Myślę, że nowy powinien być w cytatach

— Jay Corbett

5

Czy nie musisz odłączać elementu od DOM i zastępować go nowym elementem z nowym ID w jego miejscu? Aby uniknąć uszkodzenia DOM ...?

— cllpse,

15

jQuery się tym zajmuje, roosteronacid.

— McPherrinM,

15

przybył tutaj podwójne sprawdzenie zmiany przypisania identyfikatora - czy powinno to być teraz .prop( ... )zamiast .attr( ... )?

— Carl

2

@Carl zgodnie z najnowszymi dokumentami i przykładami jquery, idnależy nadal ustawić za pomocąattr(...)

— JoeBrockhaus

71

PREFEROWANĄ OPCJĄ powyżej .attrnależy użyć w następujący .propsposób:

$(this).prev('li').prop('id', 'newId');

.attrpobiera atrybutu elementu natomiast .propPobiera właściwość, że odniesienia atrybutów (czyli to, czego rzeczywiście zamierza zmodyfikować)

— Jeremy Moritz
źródło

4

.attr jest przestarzałe - jest to właściwy sposób na zrobienie tego.

— PointlessSpike

7

Skąd pochodzą te informacje? api.jquery.com/attr nie mówi nic o deprecjacji ...

— Sergej

To nie jest przestarzałe. „ Począwszy od jQuery 1.6 , .prop()metoda zapewnia sposób jawnego pobierania wartości właściwości, podczas gdy .attr()pobiera atrybuty.”

— Iluminator

@Illuminator odpowiednio poprawiłem swoją odpowiedź. Dzięki.

— Jeremy Moritz

45

Masz na myśli:

jQuery(this).prev("li").attr("id", "newID");

To ustawi identyfikator na nowy identyfikator

— Pim Jager
źródło

11

Z tym konstruktem zrobiłem coś podobnego

$('li').each(function(){
  if(this.id){
    this.id = this.id+"something";
  }
});

— Petr Safar
źródło

7

Nie jestem pewien, jaki jest twój cel, ale czy zamiast tego lepiej byłoby użyć addClass? Mam na myśli, że identyfikator obiektu powinien moim zdaniem być statyczny i specyficzny dla tego obiektu. Jeśli po prostu próbujesz zmienić to, aby wyświetlać się na stronie lub coś w tym rodzaju, umieściłbym te szczegóły w klasie, a następnie dodałem je do obiektu, a nie próbowałem zmienić jego identyfikator. Znowu mówię to bez zrozumienia twojego podkreślającego celu.

— Tim Knight
źródło

3

radości starszych systemów - rozumiem zatem twój ból. Odpowiedź Erana jest wtedy zdecydowanie najlepsza.

— Tim Knight

5

Właściwie ustawienie identyfikatora jest przydatne i przydatne, jeśli budujesz DOM za pomocą ukrytych szablonów w HTML, a następnie klonujesz je za pomocą jquery.

— Steve Knight

5

$("#LeNomDeMaBaliseID").prop('id', 'LeNouveauNomDeMaBaliseID');

— Sébastien
źródło

1

To rozwiązanie zostało już tutaj

— Cristik

1

Nie zamieszczaj odpowiedzi tylko na kod - zawsze dodawaj wyjaśnienie do swojego kodu w odpowiedzi.

— Daniel W.

2

<script>
       $(document).ready(function () {
           $('select').attr("id", "newId"); //direct descendant of a
       });
</script>

To może zrobić wszystko. Po prostu dodaj przed tagiem zamykającym ciało i nie dodawaj Jquery.min.js

— Prassanna D. Manikandan
źródło

0

Odpowiedź Erana jest dobra, ale chciałbym do tego dołączyć. Musisz obserwować każdą interaktywność, która nie jest wbudowana w obiekt (to znaczy, jeśli zdarzenie onclick wywoła funkcję, nadal będzie działać), ale jeśli do tego identyfikatora dołączona jest obsługa zdarzeń javascript lub jQuery, zostanie ona zasadniczo porzucona :

$("#myId").on("click", function() {});

Jeśli identyfikator zostanie teraz zmieniony na # myID123, funkcja dołączona powyżej nie będzie już działać poprawnie z mojego doświadczenia.

— rfornal
źródło