Javascript 单击<;时如何获取上一个文本框值;a>;?

Javascript 单击<;时如何获取上一个文本框值;a>;?,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,下面是我的代码,当点击 但是没有成功。 请向我推荐解决方案。输入是单击的锚元素的前一个同级元素,因此请使用($(this).prev()) 还要获取元素的值,请使用 演示:您可以使用来获取文本框 $( document ).ready(function() { $(".ProductActionAdd a").click(function(){ alert($(this).prev().val()); alert($('.ProductActi

下面是我的代码,当点击

但是没有成功。


请向我推荐解决方案。

输入是单击的锚元素的前一个同级元素,因此请使用(
$(this).prev()

还要获取元素的值,请使用

演示:

您可以使用来获取
文本框

$( document ).ready(function() {
    $(".ProductActionAdd a").click(function(){ 
        alert($(this).prev().val());   
        alert($('.ProductActionAdd a').prevAll(".ProductActionAdd a:first").attr('id'));
    });
});
说明:获取匹配元素集中每个元素的前一个兄弟元素,可选地通过选择器过滤

给定一个表示一组DOM元素的jQuery对象 .prev()方法搜索这些元素的前一个 在DOM树中,并从匹配的 元素

该方法可以选择接受相同类型的选择器表达式 可以传递给$()函数的。如果提供了选择器, 将通过测试前面的元素是否匹配 选择器

试试这个

$(".ProductActionAdd a").click(function(){
    alert($(this).prev().val());
})
$(".ProductActionAdd a").click(function(){
alert($(this).closest('div').find('input').attr('id'));
});
试试这个

$(".ProductActionAdd a").click(function(){
    alert($(this).prev().val());
})
$(".ProductActionAdd a").click(function(){
alert($(this).closest('div').find('input').attr('id'));
});

是的,您可以使用jquery
$(this)
完成此任务。实现这一任务的方法不止一种

您可以尝试jquery:

或者您也可以尝试使用jquery查找父容器中的输入


检查此项:

$(".ProductActionAdd a").click(function(){

    $(this).prev("input[type=text]").val();
});
$(".ProductActionAdd a").click(function(){
    alert($(this).prev().val());        
});
$(".ProductActionAdd a").click(function(){    
    alert($(this).parent().find('input[type="text"]').val());    
});
$(".ProductActionAdd a").click(function(){

    $(this).prev("input[type=text]").val();
});