jqueryスパン要素内でテキストボックス値を取得する方法

Question

jqueryを使用してスパン要素内にテキストフィールド（1つだけ）の値を取得したいができない。

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

inputが、これは動作しますが、常にremove要素の次の兄弟である場合にはアンカータグ

$(".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

の削除クラスに関連付けられているjQueryのコード：

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

---

なぜあなたの説明rコードが機能しません：

この行$(this).parent().('input:text').val()は構文上および論理的に間違っています。

あなたが別の内部要素を検索したい場合は、find^[docs]を使用する必要があります。

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

あなたは隠さinput要素を持っているので、これはまだ、あなたに価値を与えることはありません。 :text^[docs] documentationを見ると、このセレクタはそれらを選択しないことがわかります。したがって、'input'を使用するか、:hidden^[docs]：'input:hidden'を使用してください。

.attr('tag') HTML要素には属性がありません。タグがあるため、単純に機能しません。

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

Answer 2

：あなたはnodeNameプロパティを使用してDOM要素からタグ名を取得することができます

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

を代わりに、あなたが必要になりますfind機能を使用します。もう一つの問題は、テキスト入力を探している事実であるが、あなたの入力はタイプhiddenは次のとおりです、別のノートで

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

あなたの最終alertは常に親がspanであるかどうか、警告されますこれは、ifステートメントの最後にセミコロンがあるためです。これにより

Answer 3

これは動作しません：これは試してみてください

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

Answer 4

：

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

これは、最も近いspan前任者の内側にありますので、HTMLコードの変化に、より柔軟になります。

これが役に立ちます。このような乾杯

Answer 5

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

Answer 6

ん：それはここhttp://jsfiddle.net/zhiyelee/29bgX/