Заворачивать только первый div

Question

Я обернул класс, но я хочу обернуть только первый div.class productInfo, а не второй, как это возможно?

<script>
jQuery(document).ready(function($) {
    $("div.productInfo").wrap("<div id='productDetails' />");
});
</script>

и вот HTML

<div class="productInfo">the first div.
</div>
<div class="productInfo">the secondn div
</div>

Answer 1

http://api.jquery.com/first-selector/ или http://api.jquery.com/first/

Я думаю, $("div.productInfo:first") или $("div.productInfo").first() будут работать.