Search jQuery

jQuery Forum

Using before() to add same object multiple times

in Using jQuery • 9 years ago

I'm trying to add an object 'before' other objects. It's working but it's only inserting the object at the last element occurrence if that makes sense at all.

var buttons = $('<div><button>Test</button></div>');

$("#textbox1").before(buttons);

$("#textbox2").before(buttons); // only works here, at the last instance.

I'm trying to create multiple instances of 'buttons'.

Replies(2)

coldfusio..

Re: Using before() to add same object multiple times

9 years ago

You do have these divs someplace right?

This works:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>html demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<div id="textbox1"></div>
<div id="textbox2"></div>
<script>
$(document).ready(function()
{
var buttons = '<div><button>Test</button></div>';
$("div#textbox1").before(buttons);
$("div#textbox2").before(buttons); // only works here, at the last instance.
});
</script>
</body>
</html>

JS Fiddle: http://jsfiddle.net/M2D8p/

kbwood.au

Re: Using before() to add same object multiple times

9 years ago

As the above code does, specify the new content as a string so that it can be created in each location. With your original code I think the element is created once and then inserted in two locations, but as an element can only have one parent it ends up only in the second one. You can combine the code into one line:

$('#textbox1,#textbox2').before('<div><button>Test</button></div>');

Top Reply

Response title

Attachments

jQuery Forum

Using before() to add same object multiple times

Replies(2)

Re: Using before() to add same object multiple times

Re: Using before() to add same object multiple times

Statistics

Tags

Actions