Получить каждое значение в Div

Question

Этот фрагмент кода будет зацикливаться в течение нескольких раз.

Когда любой пользователь выбирает радиокнопку, я хочу найти, какая радиокнопка выбрана.

С выбранным индексом я хочу получить address_<selectedIndex> object;. Теперь я хочу получить доступ к значениям div его родных элементов, таких как addressLine_1, addressLine_2, addressLine_3, city, state, zip в переменной.

Пожалуйста, помогите мне написать этот фрагмент скрипта jQuery.

<div class="address">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="8%" align="center"><input type="radio" name="addressSelected"  value="1" /></td>
        <td class="address_0" width="92%">
            <div class="addressLine_1">gotomedia LLC</div>
            <div class="addressLine_2">2169 FOLSOM ST</div>
            <div class="addressLine_3">STE M301</div>
            <div class="city floatLeft">SAN FRANCISCO</div>
            <div class="state floatLeft">&nbsp;CA</div>
            <div class="zip floatLeft">&nbsp;94110</div>
        </td>
    </tr>
    </table>
</div>

Answer 1

Полагаю, это было бы вашим решением. Вы должны следить за значением поля ввода, так как этот код проверяет $(this).val() == "1". Может быть, вы должны изменить его.

var values = [];
$("input[name=addressSelected]:checked")
  .filter( function () { return $(this).val() == "1"  } )
  .parent()           // the parent td
  .siblings()         // the other tds
  .children("div")    // the divs
  .each( function () { values.push ( $(this).text ) } );

Это должно сработать

Вы можете изменить каждую строку:

 .each( function () { values[ this.className ] = $(this).text } );

так что вы можете получить к нему доступ так: values['addressLine_1'] однако вам придется удалить классы с плавающей точкой для хорошего результата