0

以下の例を使用すると、「価格」を含むテキストを取得するには、どのセレクターの組み合わせを使用できますか? (ユーザーがラジオ ボタンと [送信] ボタンをクリックしたと仮定します)

<table border="1" id="modal_table">
<tbody>
<tr>

<td> <input type="radio" name='sub' value="509"/> </td>
<td> 509 </td>
<td class='price'> Price is $99 </td>

</tr>
<tr>

<td> <input type="radio" value="510"/> </td>
<td> 510 </td>
<td id="price"> Price is $88 </td>

</tr>
</table>

<input type='button' id='idButton2' value="Submit">
  • チェックされたラジオボタンに続く td セルのコンテンツを取得する、または
  • チェックされたラジオボタンに続く id=price で識別される td セルのコンテンツを取得します
4

2 に答える 2

1 
$('tr input[name=sub]:checked').parent().find('#price').html()
于 2009-11-28T03:30:21.783 に答える
0

素晴らしい答えです！それを機能させるには、に変更parent()するparents()必要がありました。コードは次のとおりです。

<script type="text/javascript">
    $(document).ready(function(){
        $("#myButton").click(function () {
            val1 = $("td input[name='sub']:checked").parents().find('.desc').html();
            val2 = $("td input[name='sub']:checked").parents().find('.price').html();
            if (val1 == null){
                alert("Please select one value above");
            } else {
                alert(val1 + " sells for " + val2);
            };
        });
    });
</script>
<table border=1>
    <tr>
        <td>Select</td><td>Product</td>
        <td>Description</td><td>Price</td>
    </tr>
    <tr>
        <td><input type='radio' name='sub' value='ABCDE'></td>
        <td>ABCDE</td>
        <td class='desc'>Product ABCDE</td>
        <td class='price'>55.95</td>
    </tr><tr>
        <td><input type='radio' name='sub' value='GHIFK' ></td>
        <td>GHIFK</td>
        <td class='desc'>Product GHIFK</td>
        <td class='price'>34.99</td>
    </tr>
</table>

<input type='button' id='myButton' value="Click Me">
于 2009-11-28T19:26:37.980 に答える