HTML injection using Jquery?

Question

I want to insert a label called "octosplit-label" right under the current octosplit-label.

How do I do this in Javascript?

I had an attempt that didn't work here

function addOneCheckbox($label) {
  $('#issues-container .table-list').append($label);
}

Please post code, not images of code. How is anyone supposed to read that? What is $label? — charlietfl
– charlietfl, Commented Oct 29, 2014 at 23:59
@carlosHT: Just a note for that edit: I would have included a link to the original image when copying the code out of it, so that if something important was in the image that wasn't copied, the original is available. It's not critical but it is a good practice. — Pokechu22
– Pokechu22, Commented Oct 30, 2014 at 1:39

0x0049 · Accepted Answer · 2014-10-30 00:08:43Z

1

Try modifying your function like this:

function addOneCheckbox($label) {
  $('#octosplit-label').after($label);
}

Remember that IDs should be unique, so the HTML contained within $label should not have the same ID (which is octosplit-label) and also there should be no other labels currently on the page with that same ID.

answered Oct 30, 2014 at 0:08

0x0049

7766 silver badges6 bronze badges

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

Comments

nikkon226 · Accepted Answer · 2014-10-30 00:01:22Z

0

This should work for you (from jQuery documents:

function addOneCheckbox($label) {
  $($label).insertAfter('#octosplit-label');
}

The $label needs to be all of the html for the label.

answered Oct 30, 2014 at 0:01

nikkon226

1,0087 silver badges11 bronze badges

Comments

PeterKA · Accepted Answer · 2014-10-30 00:03:13Z

0

Please keep in mind that IDs have to be unique; therefore you cannot give the new label the same ID as the existing one:

$('#octosplit-label').after( $('<label/>',{'id':'some_id','for':'if_so_desired'}) );

Reference:

jQuery.after() API Documentation

answered Oct 30, 2014 at 0:03

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Comments

xyNNN · Accepted Answer · 2014-10-30 00:04:24Z

0

You should add some validation before try to modifying the DOM.

function addOneCheckbox(label) {
  var element = $('#issuelist').find('#octosplit-label');

  if(element.length > 0) {
    element.append(label);
  }
}

answered Oct 30, 2014 at 0:04

xyNNN

4923 silver badges21 bronze badges

Collectives™ on Stack Overflow

HTML injection using Jquery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related