Значение метки и TextBox при нажатии кнопки как предупреждение

Question

Мне нужна небольшая помощь.

При нажатии кнопки мне нужны значения из меток и txtBox'ов, отображаемых в виде предупреждений на экране.

Это должно выглядеть так:

1. Метка0 (значение) txtBoxOpis0 (значение)

2. Метка1 (значение) txtBoxOpis1 (значение) ....

В таблице есть еще много полей, в этом примере я скопировал только две строки.

<table id="MainContent_gvKarakteristike" style="color:#333333;border-collapse:collapse;" cellspacing="0" cellpadding="4">
        <tbody><tr style="color:White;background-color:#507CD1;font-weight:bold;">
            <th scope="col">Karakteristike</th><th scope="col">&nbsp;</th><th scope="col">Opis</th>
        </tr><tr style="background-color:#EFF3FB;">
            <td>
                        <span id="MainContent_gvKarakteristike_Karakteristike_0" mycustomattr="foo" margin-left="100px" style="display:inline-block;font-family:Georgia;height:30px;width:150px;">GRP Total_Thickness</span>



                    </td><td>
                        <span id="MainContent_gvKarakteristike_Label_0" class="IDKarakteristike" margin-left="100px" style="display:inline-block;font-family:Georgia;height:30px;width:150px;">1</span>

                    </td><td>                      

                        <input name="ctl00$MainContent$gvKarakteristike$ctl02$txtBoxOpis" id="MainContent_gvKarakteristike_txtBoxOpis_0" margin-left="100px" style="font-family:Georgia;height:28px;width:130px;" type="text">

                    </td>
        </tr><tr style="background-color:White;">
            <td>
                        <span id="MainContent_gvKarakteristike_Karakteristike_1" mycustomattr="foo" margin-left="100px" style="display:inline-block;font-family:Georgia;height:30px;width:150px;">GRP Wear Layer thickness</span>



                    </td><td>
                        <span id="MainContent_gvKarakteristike_Label_1" class="IDKarakteristike" margin-left="100px" style="display:inline-block;font-family:Georgia;height:30px;width:150px;">2</span>


                    </td><td>


                        <input name="ctl00$MainContent$gvKarakteristike$ctl03$txtBoxOpis" id="MainContent_gvKarakteristike_txtBoxOpis_1" margin-left="100px" style="font-family:Georgia;height:28px;width:130px;" type="text">

                    </td>
        </tr><tr style="background-color:#EFF3FB;">
            <td>

Вот кнопка

<input name="ctl00$MainContent$btnButton" value="Save" onclick="return false;" id="MainContent_btnButton" autopostback="false" type="submit">

Заранее спасибо!

Answer 1

Вы можете сделать что-то вроде этого

$('#MainContent_btnButton').click(function () {
    alert(
    'Label0('+
    $("#MainContent_gvKarakteristike_Label_1").text()+
    ')\n(txtBoxOpis0'+
    $("#MainContent_gvKarakteristike_txtBoxOpis_1").text()+
    ')'
    );
});