使用JQuery附加列表值 [英] Append List values using JQuery

问题描述

使用JQuery追加如何在单击按钮时将列表值推送到另一个div部分

using JQuery append how to push list values to another div section on button click

例如:

我有两个列表值

1.Adam  

2.Lance

如果我点击添加按钮，则亚当值应添加到与lance相同的另一个div部分中.等

if i click on add button the Adam value should be added to another div section same for lance.. etc

https://jsfiddle.net/oa2hfLum/3/

帮助我实现目标，谢谢！

help me out in achieving it Thanks!

html

<div>
<ol id="sortable">

</ol>
</div>

<div>
        <ul id="draggable">
            <li>
                <div>
                    <label class='lbl'>
                        Lance
                    </label>
                    <button>Add To Top container</button>
                </div>
            </li>
            <li>
                <div>
                    <label class='lbl'>
                        Adam
                    </label>
                    <button>Add To Top container</button>
                </div>
            </li>

        </ul>
    </div>

JQuery

$(document).ready(function() {
    $("button").click(function () {
        $("#sortable").append('<li></li>');
    });
});

推荐答案

您可以使用 .prev() 和 .text()

$("button").click(function () {
    var label = $(this).prev().text();
    $("#sortable").append('<li>'+label+'</li>');
});

JSFiddle演示

这篇关于使用JQuery附加列表值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！