SO - 19579099

by Akram kamal

HTML

<table border="1">
    <thead>
        <tr>
            <th>Material</th>
            <th>Size</th>
            <td>Price</td>
            <td>Model/UPC</td>
            <td>Dimensions/Weight</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Wool</td>
            <td>Small</td>
            <td style="width: 90px">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="font-tiny capitalized">Wholesale</div>	<span class="input-prepend">
						 						<span class="add-on text-light" style="padding: 4px 0px; font-size: 12px">$</span>

                        <input type="text" style="width:35px" name="price-0">
                        </span>	<span class="help-inline"><a class="light-grey-link no-underline --copy" href="#" style="text-shadow: none">copy</a></span>

                    </div>
                    <div class="span12">
                        <div class="font-tiny capitalized">Retail</div>	<span class="input-prepend">
						 						<span class="add-on text-light" style="padding: 4px 0px; font-size: 12px">$</span>

                        <input type="text" style="width:35px" name="msrp-0">
                        </span>	<span class="help-inline"><a class="light-grey-link no-underline --copy" href="#" style="text-shadow: none">copy</a></span>

                    </div>
                </div>
            </td>
            <td style="width: 60px">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="font-tiny capitalized">Model</div>
                        <input type="text" style="width:35px" name="model-0"><span class="help-inline">
					 						<a class="light-grey-link no-underline --copy" href="#" style="text-shadow: none">copy</a></span></span>
                    </div>
                    <div class="span12">
                        <div class="font-tiny capitalized">UPC</div>
                       ...

JavaScript

$(document).on('click', '.--copy', function () {
    var $input = $(this).closest('div').find('input'), input_name = $input.attr('name').split('-')[0];
    $('input[name^=' + input_name + ']').val($input.val());
});