Zmień tekst przycisku na podstawie atrybutów - javascript, jquery

Przeszukałem stackoverflow, ale nie znalazłem żadnych odpowiedzi.

Sprawdź poniżej html

<button type="button" class="nacnchor" value="1">hello</button>
<button type="button" class="nacnchor" value="2">hello</button>
<button type="button" class="nacnchor" value="3">hello</button>

Mogę zmienić tekst przycisku na podstawie klasy

$("button.nacnchor").text("REWRITE");

Ale chcę zmienić wartość na podstawie wartości atrybutu, czy coś w tym stylu $("button.nacnchor,attr(value=1)") : s.

Odpowiedzi:

Selektory atrybutów są tutaj udokumentowane: http://api.jquery.com/attribute-equals-selector/

$("button.nacnchor[value="1"]").text("REWRITE");

Możesz to zrobić:

$("button[value="1"]").text("REWRITE");

Szukając sposobu użycia dowolnej biblioteki, zawsze najlepiej jest *R* ead *T*on *fa* unny *M* anual która ma całą stronę poświęconą temu.

...na przykład, $("a[rel="nofollow"]"), wybierze <a href="example.html" rel="nofollow">Some text</a> ale nie <a href="example.html" rel="nofollow foe">Jakiś tekst.

Wartości atrybutów w wyrażeniach selektora muszą być zgodne z regułami dla selektorów CSS W3C; ogólnie oznacza to, że wszystko inne niż poprawny identyfikator powinno być otoczone cudzysłowami.

• podwójne cudzysłowy w pojedynczych cudzysłowach: $("a[rel="nofollow self"]")
• pojedyncze cudzysłowy w podwójnych cudzysłowach: $("a[rel="nofollow self"]")
• uciekały pojedyncze cudzysłowy w pojedynczych cudzysłowach: $("a[rel="nofollow self"]")
• uciekł podwójny cudzysłów w podwójnych cudzysłowach: $("a[rel="nofollow self"]")

wypróbuj poniższy kod

$("button[value="1"]").text("REWRITE");