Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kaiquemix

Adiciona e removar data-filter ao clickar em uma classe

Por , em Javascript

Recommended Posts

kaiquemix    1

kaiquemix
Postado

Olá pessoa estou tentando fazer com que ao aperta no <button> com a classe .bt1 o data-filter mude de tdb1 para tdb2, porem não estou tendo sucesso.


      $('.bt1').click(function() {
          $('tdb1').remove('tdb1');
      $( this ).add('tdb2');
            });

Compartilhar este post

Link para o post
Compartilhar em outros sites

kaiquemix    1

kaiquemix
Postado

Como esta o html deste trecho?

       <div id="rend-more"> <div class="button-group filters-button-group">
            <button class="button bt1" data-filter=".tdb1" style="width: 262px; height: 50px; border: 1px solid rgb(84, 128, 128); position: relative; top: 30%; left: 50%; transform: translateX(-50%); cursor: pointer; margin-top: 30px; background-color: white;">
                <h2 style="text-align: center;color:#4d8984;font-family: 'Gotham-Thin';float: left;font-size: 25px;padding-left: 30px;padding-top: 5px;">CARREGAR</h2>
                <h3 style="padding-left: 5px;float: left;font-size: 25px;color:#4d8984;font-family: 'gotham-bold';padding-top: 5px;">+</h3></button>
        </div>
        </div

Compartilhar este post

Link para o post
Compartilhar em outros sites

kikombat    16

kikombat
Postado 




<html>



    <head>



        <title>Mudando o atributo data-filter</title>



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>



        <script type="text/javascript">



            $(function () {



                $('.bt1').click(function () {



                    $(this).attr('data-filter', '.tdb2');



                });



            });



         </script>



    </head>



    <body>



        <div id="rend-more"> 



            <div class="button-group filters-button-group">



                <button class="button bt1" data-filter=".tdb1" style="width: 262px; height: 50px; border: 1px solid rgb(84, 128, 128); position: relative; top: 30%; left: 50%; transform: translateX(-50%); cursor: pointer; margin-top: 30px; background-color: white;">



                    <h2 style="text-align: center;color:#4d8984;font-family: 'Gotham-Thin';float: left;font-size: 25px;padding-left: 30px;padding-top: 5px;">CARREGAR</h2>



                    <h3 style="padding-left: 5px;float: left;font-size: 25px;color:#4d8984;font-family: 'gotham-bold';padding-top: 5px;">+</h3>



                </button>



            </div>



        </div>



    </body> 



</html>


 






 



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito