1 
$(document).ready(function()
{
    $('button').on('click', function()
    {            
        $('.container').children().eq(1).append($('p.important').text());
    });
});

<div class="container">
    <p>1</p>
    <p>2</p>

    <button>Lawl, a button.</button>

    <p>3</p>
    <p class="important">Text to be copied</p>
</div>

ボタンに最も近い上部のpタグを見つけたい。たとえば、ボタンを下に移動すると<p>1</p>、値が追加されます。ボタンを下に移動すると、に値を追加する必要があります<p>3</p>。

現在のHTMLで可能ですか？

4

3 に答える 3

2

nextまたはprevメソッドを使用できます。

.next( [selector] )：一致した要素のセット内の各要素の直後の兄弟を取得します。セレクターが提供されている場合、そのセレクターと一致する場合にのみ、次の兄弟を取得します。

.prev( [selector] )：一致した要素のセット内の各要素の直前の兄弟を取得します。オプションでセレクターによってフィルター処理されます。

$('.container button').on('click', function(e) {
      e.preventDefault(); 
      var txt = $('p.important').text();
      $(this).next('p').append(txt);    
});
于 2012-09-11T12:35:54.730 に答える
1

最も近い方法を試してください。それはトリックをしなければなりません！

$("button").click(function(){
    $(this).closest('p');
})
于 2012-09-11T12:26:49.947 に答える
0

必要に応じて、次のいずれかを使用できます。

于 2012-09-11T12:29:31.163 に答える