0

それぞれの横にボタンが付いた p タグのリストがあります。そのボタンをクリックすると、その特定の p タグを別の div に表示したい

私の主な問題は、特定のボタンをクリックすると、ボタンの隣にある p タグのみが影響を受けるように、2 つの要素を関連付ける方法がわからないことです。1 つのボタンと 1 つの段落でこれを行うことができますが、複数で行う方法がわかりません。

これが私のHTMLです（ボタンをクリックすると、そのpタグを他のdivボックスに移動します）：

        <div id="items">
             <p>item 1</p><button>add</button>
             <p>item 2</p><button>add</button>
             <p>item 3</p><button>add</button>
        </div>
        <div id="items2">

        </div>

前もって感謝します

4

3 に答える 3

2

次のように、jQuery の prev() を使用して前の p タグを取得できます。

var products = [];
$('#items button').click(function () {
    var x = $(this).prev().html();
    products.push(x);
    console.log(products);
});
于 2013-03-24T02:43:47.897 に答える
1

タグ内にボタンを配置してから、次のようにメソッドを<p>呼び出します。parent()

HTML:

<p>item 1
    <button>add</button>
</p>

JQuery:

$('button').click().parent().append("hello");

より良い方法は、

個々のクラス スタイルを次のようにタグ付けします。

<p class="i1">item 1</p><button class="i1">add</button>
<p class="i2">item 2</p><button class="i1">add</button>

$('button').click(function(){
    var c = $(this).getClass();
    $("."+c).do_any_thing_u_want();  
});
于 2013-03-24T02:40:54.470 に答える
1

prevあなたが探しているコマンドです：

$('button').prev().appendTo($('#items2'))

ドキュメント: http://api.jquery.com/prev/

于 2013-03-24T02:43:34.160 に答える