Home/ Questions/Q 9131823
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T08:12:25+00:00

$(‘input.plan-select’).change(function() { // alert(‘Handler for .change() called.’); $(.subscription, this).toggleClass(‘selected’); }); Fiddle: http://jsfiddle.net/XPVVp/ It doesn’t

  • 0
$('input.plan-select').change(function() {
  // alert('Handler for .change() called.');
  $(".subscription", this).toggleClass('selected');
});

Fiddle: http://jsfiddle.net/XPVVp/

It doesn’t toggle the class for some reason, I’m not sure why it isn’t working.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s because the .subscription select is not a child of the input element which is how your code is written. Instead the .subscription element is a parent so you need to use the right jQuery operations to find the proper parent like this:

    $('input.plan-select').change(function() {
  // alert('Handler for .change() called.');
  $(this).closest(".subscription").toggleClass('selected');
});

    .closest() will look up the parent chain until it finds the first parent that matches the selector.

    Working demo here: http://jsfiddle.net/jfriend00/krTER/

    • 0