jquery如何获取span元素内的文本框值

Question

我想使用 jquery 获取 span 元素内文本字段(只有一个)的值，但不能。

<span>simple span text
<a class="remove" href="javascript:" title="Remove">x</a>
<input type="hidden" name="word[ids][]" value="this is text">
</span>

与 anchor 标记删除类关联的 Jquery 代码

$(".remove").live("click", function(){

alert ($(this).parent().('input:text').val()); // return undefined

//i just coded below to check whether span itself is getting or not
alert ($(this).parent().attr('tag')); // this also return undefined 

if ($(this).parent().is('span'));
alert("parent is span"); // only this works 

}); 

Answer 1

如果input始终是remove元素的下一个同级元素，那么这将起作用:

$(".remove").live("click", function(){
    var value = $(this).next().val();
}); 

<小时/>

解释为什么您的代码不起作用:

这行$(this).parent().('input:text').val()在语法和逻辑上都是错误的。

如果你想在另一个元素中查找一个元素，你必须使用 find ^[docs] :

$(this).parent().find('input:text').val()

这仍然不会给您值，因为您有一个隐藏 input 元素。如果您查看:text ^[docs] documentation ，您将看到该选择器因此不会选择那些。因此，要么只使用 'input' 或使用 :hidden ^[docs] :'输入:隐藏'。

.attr('tag') 根本不起作用，因为 HTML 元素没有属性 tag。您可以使用 nodeName 属性从 DOM 元素获取标签名称:

$(this).parent()[0].nodeName