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>

与锚标记删除类关联的 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 ]} 文档，您将看到该选择器因此不会选择那些。因此，要么只使用 'input' 或使用 :hidden ^[文档]：'input:hidden'。

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

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

Answer 2

这样做：

 $(".remove").live("click", function() {
    //alert($(this).parent().attr('tagName')); //return the tagName
    alert($(this).parent().find('input').val()); //this works
});

在这里测试 http://jsfiddle.net/zhiyelee/29bgX/

Answer 3

试试这个：

$(".remove").live("click", function() {
    alert ($(this).parent().find("input").val());
});

Answer 4

这是行不通的：

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

相反，您需要使用 find 函数。另一个问题是，您正在寻找文本输入，但您的输入是隐藏类型：

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

在单独的注释中，您的最终警报将始终被警报，无论是父级是否为 span，因为 if 语句末尾有一个分号。

Answer 5

这样：

$(".remove").live("click", function() {
    alert ($(this).closest("span").find("input[type='hidden']").val());
});

这会找到里面最接近的 span 前行者，这样对 HTML 代码的修改会更加灵活。

希望这有帮助。干杯

Answer 6

$('.remove').live('click',
function() {
    console.log($(this).next('input:hidden').val());
});