<table>
<tr id="id1">
<td>Товар 1</td>
<td>диаметр</td>
<td>
<select id='sel'>
<option selected disabled value="0">выберите размер</option>
<option value=0.7>350x2000</option>
<option value=0.76>380x2000</option>
</select>
</td>
<td>60</td>
<td><button id='but1'>Кнопка</button></td>
</tr>
<tr id="id2">
<td>Товар 2</td>
<td>диаметр</td>
<td>
<select id='sel'>
<option selected disabled value="0">выберите размер</option>
<option value=0.7>350x2000</option>
<option value=0.76>380x2000</option>
</select>
</td>
<td>60</td>
<td><button id='but2'>Кнопка</button></td>
</tr>
</table>
$('#but').click(function (){
if($('#sel').val()>0){ // если выбран элемент SELECT
var res=$("#id1").html(); // присваиваем переменной содержимое строки <TR>
$("#div").html(res); // выводим содержимое sel в какой-то <div>
}
else {
$("#sel").css('background-color','#FF0D0D'); // подсветка красным <select> если элемент не выбран
}
$("#sel").change();
});
Полностью код не стал уж выкладывать)) Не показывать же грязное белье всем) Это общая суть того как я копирую содержимое первой строки в какой-то заданный <div>
Можно как-то отвязаться от конкретных #id ? Что-то мелькало на просторах интернета с применением $(this) и .closest(). Суть вроде бы такая, что где произошло событие click скрипт работает в пределах этого элемента, например <tr> т.е. одной строки.
Просто не знаю куда поиск направить.