<td>
<input type="radio" value="5" name="Form1a1" class="abobrinha Form1comentarioA" />
</td>
tenho 2 classes dentro no meu input radio, no jQuery gostaria de selecionar apenas a última classe (que no meu caso é a segunda)
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidade<td>
<input type="radio" value="5" name="Form1a1" class="abobrinha Form1comentarioA" />
</td>
tenho 2 classes dentro no meu input radio, no jQuery gostaria de selecionar apenas a última classe (que no meu caso é a segunda)
A mais rápido que me ocorreu é fazer uso do método split()
:
$('input[name="Form1a1"]').attr('class').split(' ')[1];
Exemplo:
$(function() {
alert($('input[name="Form1a1"]').attr('class').split(' ')[1]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<input type="radio" value="5" name="Form1a1" class="abobrinha Form1comentarioA" />
No exemplo estamos:
class
;
;1
da matriz resultante do passo 2.Se a ideia for apanhar a última classe, ao invés de ficarmos com a entrada 1
da matriz resultante, podemos pular para o fim da mesma recorrendo ao método .pop()
:
$('input[name="Form1a1"]').attr('class').split(' ').pop();
Exemplo:
$(function() {
alert($('input[name="Form1a1"]').attr('class').split(' ').pop());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<input type="radio" value="5" name="Form1a1" class="abobrinha algumaCoisaMais Form1comentarioA" />
$(":radio[name='Form1a1']").attr('class').split(' ')[1]
Explicação:
$(":radio[name='Form1a1']")
- obtém a lista de todos os Radiobuttons que possuem o atributo name
igual a Form1a1;.attr('class')
- obtém o valor do atributo 'class';.split(' ')
- transforma a string em um array de strings, utilizando o espaço em branco como divisor;[1]
- obtém o segundo membro da coleção.Fonte:
SO original, 'How to get the second class name from element?'
As outras respostas referem bem como fazer isso com jQuery. Na verdade não é preciso jQuery para isso. Pode ser feito com JavaScript nativo assim:
var segundaClasse = document.querySelector('input[type="radio"]').classList[1];
O .classList
é uma array com as classes todas do elemento. Selecionando a posição 1 dá a segunda classe (porque as arrays começam o index em zero).