1

Tenho várias DIVs carregadas dinâmicamente via PHP assim:

<div class="projeto" id="-9-3-21"></div>
<div class="projeto" id="-3-1-77"></div>
<div class="projeto" id="-5-33-1"></div>
<div class="projeto" id="-9-23-11"></div>
<div class="projeto" id="-1"></div>

Um arquivo JS recebe uma ação quando se clica em alguns botões, e a resposta é um número. O que preciso é:

Quando clica no número 33 (exemplo), o jquery da um fadeout nas divs que tiverem esse número, no caso seria essa id="-5-33-1"

É possível?

1
  • Seria 33 no campo id ? ou no texto da div ?
    – Edilson
    Commented 22/03/2017 às 17:29

2 Respostas 2

3

Sim, use o seletor de * no Jquery, que vai selecionar tudo que contém tal valor. Coloquei um exemplo no JSFiddle pra você ver

No meu caso, criei um span e escondi a div que tem id com o texto dele.

<span id="texto">33</span>

//No clique do span, esconda aqueles com o id que você quer
$('#texto').on('click',function(){
    $('div[id*="' + $(this).text() + '"][class="projeto"]').fadeOut()
});
2
  • Oi, deu certo. Mas se eu tiver uma outra div em outra área do site com um id com o número 33 (exemplo id="bt33"), ele some também. Não da pra condicionar isso apenas a div que tenham a class tal? Commented 22/03/2017 às 17:55
  • Claro, dá sim, vou corrigir pra você aqui e no fiddle Commented 22/03/2017 às 17:56
1

Você pode utilizar o Seletor Contais do Jquery.

$( "div[id*='@SEUVALOR']" ).fadeOut();

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .