JQuery check if existing appending element in element if not append to class but not this

Question

how can I prevent reappending element if element in element already exists with this code?

<div class='weekHourValue' data-nameDay='Tuesday' data-week='34' data-day='10' data-month='5' data-year='2015'><div class='singleYearEvent'></div></div> <div class='weekHourValue' data-nameDay='Tuesday' data-week='34' data-day='10' data-month='5' data-year='2016'></div>

and now I want to somethink like this

$(".weekHourValue[data-month='5'][data-day='10'] {where not exist in element}").append("<div class='singleYearEvent'></div>");

Is there any jquery function like this? thank you!

It seems like you should be able to use a jQuery selector to get all weekHourValue elements with the correct day and month, then check through each of them to see if any one of them has the appropriate child element via a filter function. — Shotgun Ninja
– Shotgun Ninja, Commented Sep 25, 2015 at 20:04

Joseph Tinoco · Accepted Answer · 2015-09-25 19:54:42Z

2

You can try:

$(".weekHourValue[data-month='5'][data-day='10']").each(function(){ if (!$(this).find(".singleYearEvent").length) $(this).append("<div class='singleYearEvent'></div>"); });

answered Sep 25, 2015 at 19:54

Joseph Tinoco

2,2451 gold badge14 silver badges13 bronze badges

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

2 Comments

Joseph Tinoco Over a year ago

Not really, because there is no need to iterate/manipulate the filtered collection afterwards.

koca79331 Over a year ago

Ok thank, you I thinked that JQuery have somethink like where this not in parrent

Collectives™ on Stack Overflow

JQuery check if existing appending element in element if not append to class but not this

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related