Question

我有一个代码：

<table>
    <tr>
        <td>
            <input type="text" value="1" />
            <input id="button" type="button" value="Click me!" />
        </td>
    </tr>
</table>

我希望通过以下代码获得input[type="text"]的价值，但它不起作用，请帮助我

<script type="text/javascript">
    $(document).ready(function() {
        $("#button").bind("click", function() {
            alert($(this).siblings().find('input[type="hidden"]').val(););
        });
    });
</script>

Answer 1

.find()搜索儿童，因此您无法在此处使用它。只需使用siblings()

即可

$(this).siblings('input').val()

Answer 2

你需要找到不在兄弟姐妹后代的兄弟姐妹。

  alert($(this).siblings('input[type="hidden"]').val());

Answer 3

试试这个。

$("#button").click(function() {
            alert($(this).prev('input[type="text"]').val());
        });

演示Here

Answer 4

第一个问题是你试图找到隐藏的输入，而不是基于文本的输入。您还需要将过滤器移动到兄弟姐妹调用中以使其正常工作，尽管您确实还有一个额外的分号：

$(document).ready(function() {
    $("#button").bind("click", function() {
        alert($(this).siblings('input[type="text"]').val());
    });
});

请参阅JSFiddle

Answer 5

在jQuery prev()

中使用alert($(this).prev().val());

它得到了前一个兄弟姐妹。

Answer 6

试试这个。

<script type="text/javascript">
    $(document).ready(function() {
        $("#button").bind("click", function() {
            alert($(this).parent().find('input[type=text]').val());
        });
    });
</script>

Answer 7

首先，您的输入类型为text而不是hidden。您正在Jquery中使用hidden获取数据，如果隐藏它，则使用如下所示：

$(document).ready(function() {
    $("#button").bind("click", function() {            
        alert($(this).siblings('input[type="hidden"]').val());
    });
});

如果是文字：

 $(document).ready(function() {
    $("#button").bind("click", function() {            
        alert($(this).siblings('input[type="text"]').val());
    });
});

Demo

Answer 8

更改

alert($(this).siblings().find('input[type="hidden"]').val());

到

alert($(this).siblings().find('input[type="text"]').val());

获得同等级的价值元素？

8 个答案: