jQueryのは、次のように私は状況にいるネストされた要素から

Question

を要素の属性を取得します

$(".additem").click(function() { 
    var v = $(this).parent().find("input:text").attr("avl") 
}) 

と

0123： " inputgrp"

私が試してみました

$(".inputgrp").click(function() { 
    var v = $(this).prev("span").next("input:text").attr("avl") 
}) 

しかし成功しません。私は何が間違っているのかわからないので、いくつかのガイドに感謝します。

Answer 1

$(".inputgrp").click(function() { 
 

 
    alert($(this).next("input:text").attr("data-avl")) 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="inputgrp"> 
 
    <span class="additem"> 
 
1 
 
    </span> 
 
</span> 
 
<input type="text" data-avl="abc">

1. 使用データ属性入力の子供たちのためにクリック要素

Answer 2

.find検索の隣にあるので、AVLは、有効な属性

使用.next()ではありませんので、現在の要素。 inputはchildではなく、.inputgrp

• のsiblingは、それが有効にする属性としてdata-avlを使用してください。
• input要素は、常に次の要素になるだろうされている場合は、あなたのHTML入力要素の上とでdata-avl=""属性を使用.next()機能を使用
、兄弟
• のいずれかを選択するように

Answer 3

を.sibling()機能を使用jQueryは.data('avl')を使用して属性の値を取得します

$(".inputgrp").click(function() { 

    alert($(this).next("input:text").data("avl")); 

})