jQuery replace input placeholder using method replaceWith()

Question

I have an input like this:

<input id="inputId" placeholder="Old Placeholder Here"/>

I want to replace placeholder using .replaceWith() method. How can I achieve that?

Answer 1

Assuming that you mean you are trying to change the value of the placeholder attribute, then you don't want to use replaceWith() as that is designed to replace an entire element with another.

Instead you should use prop() :

$('#inputId').prop('placeholder', 'New placeholder value...');

Answer 2

The .replaceWith() method is to replace DOM elements, not attributes in elements. You should use the .attr() or .prop() methods for that.

$('input').attr('placeholder', 'new placeholder...');

jsFidle example: http://jsfiddle.net/pwdesfwq/

Answer 3

To change attributes of an element use $("<element>").attr("<attribute>", "<value>"); In your case, it is

$("input").attr("placeholder", "Placeholder value");