Question

在单击具有相同属性的链接时尝试分离具有特定数据属性的html元素，然后将其附加到另一个div。获得的代码可以检测到哪个元素被点击但无法找到可行的解决方案。

很乐意提供任何帮助。提前谢谢。

＆＃13;

dependencies {
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
}

＆＃13;

        $(document).ready(function() {
            $(".modal-trigger").click(function() {
                var modalContent = $(this);
                var $modalContent = $('.modal-inner').detach();
                $('.modal').append($modalContent).fadeIn();
            });

            $('.modal-trigger').on('click', function () {
                var modalContent = $(this);
                console.log(modalContent.data('content'));
                $('')
            });
 
        });

＆＃13;

.modal {
    width: 100px;
    height: 50px;
    background: #999;
    display: none;
    color: #fff;
    padding: 15px;
    text-align: center;
}

＆＃13;

Answer 1

好的，让我们看看我是否理解你的问题。

请参阅此处的代码：

    $(document).ready(function() {
        $('.modal-trigger').on('click', function () {
$(".modal-inner").show();
            var modalContent = $(this);
            var modalSelector = modalContent.data('content');
            var content = $('.modal-inner[data-content="' + modalSelector +'"]');
            var contentToAdd = content.clone();
            $(".modal-inner").hide();
            $('.modal').append(contentToAdd).fadeIn();
        });
    });

此处有效：https://jsfiddle.net/o2gxgz9r/41855/

目前尚不清楚是要替换内容还是仅将内容添加到现有内容中。但也许现在很清楚如何获得div并将其附加到另一个div。这可以帮助您找到解决方案。

根据数据属性将内容附加到div

1 个答案: