Jquery add class to input

Question

i got this jquery script, it puts placeholder "+" in my search input, and probblem is that, now every input got "+" placeholder on my website,

how to add only particulary class to this js code:

$( document ).ready(function() {
    $('input').on('focus',function(){
    $(this).attr('placeholder',"");
});
$('input').on('blur',function(){
    $(this).attr('placeholder',"+");
});

});

Just call addClass with your class in $(this)? jQuery addClass — Emil S. Jørgensen
– Emil S. Jørgensen, Commented May 25, 2016 at 13:25
Put the class name in the selector... $("input.className") — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented May 25, 2016 at 13:29
As Archer said you can select something like this $("input.myClass[type=text]") — Ramkee
– Ramkee, Commented May 25, 2016 at 13:33

Alex · Accepted Answer · 2016-05-25 13:32:07Z

1

This is quite simple jQuery code. A google search would have found you an answer. You just need to specify the class name:

$( document ).ready(function() {
  $('input.CLASSNAME').on('focus',function(){
    $(this).attr('placeholder',"");
  });
  $('input.CLASSNAME').on('blur',function(){
    $(this).attr('placeholder',"+");
  });
});

answered May 25, 2016 at 13:32

Alex

9,0612 gold badges29 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

brk · Accepted Answer · 2016-05-25 13:30:32Z

0

Use an identifier like class or id where you want to update the placeholder

Hope this snippet will be usefull

JS

$( document ).ready(function() {
    $('input').on('focus',function(){
    $(this).attr('placeholder',"");
});
// add placeholder to input which have class updatePlaceholder
$('input.updatePlaceholder').on('blur',function(){
    $(this).attr('placeholder',"+");
});

});

HTML

<input type = "text">
<input type = "text" class = "updatePlaceholder">

Check this jsFiddle

answered May 25, 2016 at 13:30

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

Jquery add class to input

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related