Convert jquery function into javascript

Question

I have to use javascript for below mention work which is done in jquery and working perfect. Reason to use javascript is to know how it can be done with javascript.I google it but not find any clue to how get it done

http://jsfiddle.net/2vP24/

$('.first').find('.sub1').next().css('background','#ff0000')

get jQuery source and work it out, will take some time :)

roman m
– roman m

2013-03-16 08:32:24 +00:00
Commented Mar 16, 2013 at 8:32 — roman m
– roman m, Commented Mar 16, 2013 at 8:32

elclanrs · Accepted Answer · 2013-03-16 08:35:33Z

2

You won't find a solution for exactly that line of code if that's what you were looking for. If you dig into the DOM you'll eventually figure out what you need, but here's a way, assuming there's only one .sub1 inside each .first.

var els = document.querySelectorAll('.first');

[].forEach.call(els, function(el) {
  var next = el.querySelector('.sub1').nextSibling;
  next.style.backgroundColor = '#ff0000';
});

answered Mar 16, 2013 at 8:35

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

1 Comment

elclanrs Over a year ago

No, IE9+ only. If you want older browser I'd stick to jQuery instead of the otherwise ugly code you'll have to write...But I'll leave that up to you, you have the link to the docs and some code to work with.

Blender · Accepted Answer · 2013-03-16 08:41:33Z

1

If you don't care about supporting older browsers, this should do the same thing:

[].forEach.call(document.querySelectorAll('.first .sub1 + *'), function(elem) {
    elem.style.backgroundColor = '#ff0000';
});

edited Mar 16, 2013 at 8:41

answered Mar 16, 2013 at 8:35

Blender

300k55 gold badges462 silver badges511 bronze badges

Collectives™ on Stack Overflow

Convert jquery function into javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related