用jquery获取同级元素下的值

Question

1.用jquery，点击GetValue按钮时，将TestValue元素的值，获取赋值到Value1文本框中
2.页面有多个相同结构的元素，但在不同的tab卡中

     <div class="tab-content bg-light" style="width:900px">
                                    <div id="Value" class="container tab-pane active" style="margin:2px; font-size:20px;">                                        
                                                        <form id="main" method="post">
                                                            <table class="table table-striped">
                                                                <tbody>
                                                                    <tr>
                                                                        <td style="font-size:20px;color:#008A7D">Test Value</td>
                                                                        <td><input name="TestValue" type="text" value="100" class="form-control input-group input-group-lg" style="font-size:20px;background-color:lightgray" /></td>
                                                                    </tr>                                                                  
                                                                </tbody>
                                                            </table>
                                                        </form>
                                    </div>
                                    <div id="Method" class="container tab-pane fade" style="margin:2px; font-size:20px;">
                                        <form>
                                            <table class="table table-striped">
                                                <tbody>         
                                                    <tr>
                                                        <td style="font-size:20px;color:#008A7D"><input type="button"   name="GetValue" /></td>
                                                        <td><input  name="Value1" type="text" class="form-control input-group input-group-lg" style="font-size:20px;" /></td>                                                      
                                                    </tr>                                                    
                                                </tbody>
                                            </table>
                                        </form>
                                    </div>
                                </div>

Answer 1

【以下回答由 GPT 生成】

要使用jQuery获取同级元素下的值，可以按照以下步骤进行操作：

1. 给"GetValue"按钮添加一个点击事件处理程序，以触发获取值的操作。
2. 在点击事件处理程序中，使用jQuery选择器来选择目标元素（"TestValue"元素）。
3. 使用.val()方法来获取选择的元素的值。
4. 将获取到的值赋值给目标元素（"Value1"文本框）。

下面是具体的代码示例：

$(document).ready(function(){
    // 给"GetValue"按钮添加点击事件处理程序
    $("#GetValue").click(function(){
        // 使用jQuery选择器选择目标元素，并使用val()方法获取其值
        var testValue = $("input[name='TestValue']").val();

        // 将获取到的值赋值给目标元素（"Value1"文本框）
        $("#Value1").val(testValue);
    });
});

以上代码假设你需要给"GetValue"按钮一个id属性来作为选择器，并给目标元素（"Value1"文本框）一个id属性来作为赋值目标。如果没有id属性，你也可以使用其他选择器来选择它们。

请注意，在获取目标元素的过程中，代码使用了属性选择器来选择"TestValue"元素。这是因为"TestValue"元素可能位于多个相同结构的元素中，使用name属性来选择能够确保准确性。

希望以上解决方案对你有帮助！如果有任何疑问，请随时提问。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^