この変数を使用して空白値を取得する

Question

この演算子を使用してアンカータグをクリックすると空白値が得られます。私は同じクラスthatsなぜ私は.each()機能を使用して複数の部門を持って、私は間違っているのか分からない。 出力があるべき、クリック時に一つの第一の値は、入力に表示されますので、ここで に私のコードは、メインクラスをループする必要はありません

$(document).ready(function(){ 
 
    $('.main').each(function(){ 
 
    $('a',this).click(function(){ 
 
     $val = $('p',this).text(); 
 
     $("#aarti").val($val); 
 
     alert($val); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <p>value one</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK ONE</a></p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value two</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK TWO</a></p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value three</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK THREE</a></p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value four</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK FOUR</a></p> 
 
    </div> 
 
</div> 
 
<input type="text" id="aarti" />

Answer 1

あなたは親main要素までトラバース必要がある、その子をターゲットp要素

jQuery(document).ready(function() { 
 
    $('.main a ').click(function(e) { 
 
    e.preventDefault(); 
 
    var $val = $(this).closest('.main').children('p').text(); 
 
    $("#aarti").val($val); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <p>value three</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK THREE</a> 
 
    </p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value four</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK FOUR</a> 
 
    </p> 
 
    </div> 
 
</div> 
 

 

 
<input type="text" id="aarti" />

Answer 2

です。あなたが望むメインにするだけをクリックして、thisはそれを取得し、これを試してみてください、あなた

のための残りを行うことができます。

$(document).on('click','.main',function(){ 
    $("#aarti").val($(this).find('p').html()); 
}); 

Answer 3

$('.main').on('click', 'a', function(e) { 
     var $val = $(this).find('p').text();   
     alert($val); 
}); 

助けてください