index of callback function in .wrap is always 0

[manuel@…]

I have the following HTML: <div class="box">...</div> <div class="box">...</div>

Using the following:

$J('div.box').wrap(function(index) {
  return '<div class="boxwrap index_' + index +'" />'
});

I expect to get:

<div class="boxwrap index_0">
  <div class="box">...</div>
</div>
<div class="boxwrap index_1">
  <div class="box">...</div>
</div>

Error, I get always 0 for index:

<div class="boxwrap index_0">
  <div class="box">...</div>
</div>
<div class="boxwrap index_0">
  <div class="box">...</div>
</div>

The follwing workaround produces the expected result:

$J('div.box').each(function(index) {
  $J(this).wrap(function() {
    return '<div class="boxwrap index_' + index +'" />';
  });
});

[Timmy Willison]

Thanks for taking the time to contribute to the jQuery project! Please provide a reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: ​http://jsfiddle.net/FrKyN/ Open the link and click to "Fork" (in the top menu) to get started.

[manuel@…]

Here is the link to the test using jQuery edge in jsFiddle: ​http://jsfiddle.net/8SZAx/2/ showing the bug.

Here is the link to the work around with the expected result: ​http://jsfiddle.net/LBbrn/1/

[Rick Waldron]

Confirmed: ​http://jsfiddle.net/rwaldron/FjXLB/

[Toby Brain]

Fix #10177. Pass correct index to function-parameter of .wrap

Changeset: 47c605f693457412a53c9145cafe55420ab8f236