Selecionar elementos por atributo

Eu tenho uma coleção de caixas de seleção com IDs gerados e alguns deles têm um atributo extra. É possível usar o JQuery para verificar se um elemento possui um atributo específico? Por exemplo, posso verificar se o seguinte elemento possui o atributo "myattr"? O valor do atributo pode variar.

<input type="checkbox" id="A" myattr="val_attr">A</input>

Por exemplo, como posso obter uma coleção de todas as caixas de seleção que possuem esse atributo sem marcar uma a uma? Isso é possível?

Você quer dizer que você pode selecioná-los? Se sim, então sim:

$(":checkbox[myattr]")

if ($('#A').attr('myattr')) {
    // attribute exists
} else {
    // attribute does not exist
}

EDITAR:

O elseitem acima cairá na ramificação quando myattrexistir, mas é uma sequência vazia ou "0". Se isso for um problema, você deve testar explicitamente undefined:

if ($('#A').attr('myattr') !== undefined) {
    // attribute exists
} else {
    // attribute does not exist
}

Sei que já faz muito tempo desde que a pergunta foi feita, mas achei a verificação mais clara assim:

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

(Como encontrado neste site aqui )

Documentação sobre se pode ser encontrada aqui

Isso funcionará:

$('#A')[0].hasAttribute('myattr');

Em JavaScript, ...

null == undefined

... retorna true*. É a diferença entre ==e ===. Além disso, o nome undefinedpode ser definido (não é uma palavra-chave como nullé), portanto é melhor verificar de outra maneira. A maneira mais confiável é provavelmente comparar o valor de retorno do typeofoperador.

typeof o == "undefined"

No entanto, comparar com null deve funcionar nesse caso.

* Supondo que undefinedé de fato indefinido.

$("input[attr]").length pode ser uma opção melhor.

Algumas idéias foram lançadas usando "typeof", jQuery ".is" e ".filter", então pensei em publicar uma rápida comparação de perf. O typeof parece ser a melhor opção para isso. Enquanto os outros funcionarão, parece haver uma clara diferença de desempenho ao chamar a biblioteca jq para esse esforço.

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

Como nesta postagem , usando .iso seletor de atributos [], você pode adicionar facilmente uma função (ou protótipo):

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

simplesmente:

$('input[name*="value"]')

mais informações: documentos oficiais

Além de selecionar todos os elementos com um atributo $('[someAttribute]')ou $('input[someAttribute]')você também pode usar uma função para fazer verificações booleanas em um objeto, como em um manipulador de cliques:

if(! this.hasAttribute('myattr') ) { ...

Eu criei o pacote npm com o comportamento pretendido, conforme descrito acima em questão.

Link para [npm] e [github]

O uso é muito simples. Por exemplo:

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

retorna verdadeiro.

Também funciona com camelcase.

Para selecionar elementos com um determinado atributo, consulte as respostas acima.

Para determinar se um determinado elemento jQuery tem um atributo específico, estou usando um pequeno plug-in que retorna truese o primeiro elemento da coleção ajQuery tiver este atributo:

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

JQuery retornará o atributo como uma sequência. Portanto, você pode verificar o comprimento dessa sequência para determinar se está definido:

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");