Search jQuery

jQuery Forum

Can someone explain + addTo + ???

in Using jQuery • 9 years ago

Hey there. I am going through the Codecademy lessons trying to learn jQuery, and there is a lesson that I have come across where the correct answer includes + addTo +.. i understand the other components of the correct answer, but this piece of code is something that wasn't previously discussed in other lessons on Codecademy, and I am wondering what it means, and what the purpose of it is? Here is the complete code:

$(document).ready(function () {
$("#button").click(function () {
var toAdd = $('input[name=checkListItem]').val();
$('.list').append('<div class="item">' + toAdd + "</div>");
});
});

Any help would be greatly appreciated!

Thanks,

Joe

Replies(4)

jay.blanc..

Re: Can someone explain + addTo + ???

9 years ago

toAdd is a variable and it is assigned a value in line three of your code. In line 4 the variable is concatenated (using the + sign) into a string.

Let's say the value of toAdd is 'foo'. The div that is appended to the .list element would look like this in the markup -

<div class="item">foo</div>

Joe Const..

Re: Can someone explain + addTo + ???

9 years ago

Thanks for your help.. the + signs were mainly what was throwing me off, as I did not know that mean concatenated. So one more question: would it be true that, anytime a variable is being added to an HTML element, the + signs would be required before and after the variable? (in this case toAdd)

jay.blanc..