Как работает метод before()?

Question

[lexstile]

Нужно вставить html перед блоком с классом add_member.

var fieldForm = '<div class="qftext"><label>ФИО</label><input name="qftext[]" type="text" value="" class="inputbox"></div><div class="qftext"><label>должность</label><input name="qftext[]" type="text" value="" class="inputbox"></div>';
			$('.add_member span').click(function(){
				$('.add_member').before(fieldForm);
			});

На данный момент выходит так:

<div class="qftext"><label>ФИО<input name="qftext[]" type="text" value="" class="inputbox"><div class="qftext"><label>должность<input name="qftext[]" type="text" value="" class="inputbox"></label></div></label></div>

Каждый следующий элемент внутри предыдущего.
а мне надо в точности ,как в переменной fieldForm

Comments

[Равшан Абдулаев]

а можете пример кода загрузить на jsfiddle

Answer 1

[Igor Koch]

Функция помещает заданное содержимое перед определенными элементами страницы.

До:

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

После: $( ".inner" ).before( "<p>Test</p>" );

<div class="container">
  <h2>Greetings</h2>
  <p>Test</p>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
</div>

Comments

[lexstile]

Это я знаю, вопрос в том, почему некорректно добавляет на страницу.

[Igor Koch]

lexstile, https://jsfiddle.net/whata/o57dLbub/1/ в jsfiddel корректно

[lexstile]

Igor Koch, похоже компонент QuickForm от Joomla мозг...

Answer 2

[Павел]

Попробуйте использовать вместо before:
prependTo или appendTo

Comments

[lexstile]

Они вставляют внутрь элемента, а мне нужно снаружи.