Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Starting from a clicked button, find related elements $('#checkout-btn').on('click', function () { var $btn = $(this); var $form = $btn.closest('form'); // upward var $items = $form.find('.cart-item'); // downward var $total = $btn.prev('.total-display'); // sideways console.log('Items in cart:', $items.length); console.log('Total:', $total.text()); }); // Parent and children var $li = $('li.selected'); $li.parent('ul').addClass('has-selection'); $li.children('span').css('font-weight', 'bold');
Result
Open