如何在 jquery 中获取被点击的按钮属性 ID 和值

Question

我想在这种情况下单击时获取按钮 ID 和值

这是我的 html 我写了这个 html 标签

<div class="row ">
    <div class="col-lg-8 m-auto border">
        <button id="btnadd" class="btn btn-info">add attribute</button>
        <br>
        <div class="row border" id="holder">
            <div id="mainholder1" class="row">
                <div class="col-lg-5">
                    <input type="text" class="form-control form-text" name="title" placeholder="enter title">
                </div>
                <div class="col-lg-5">
                    <textarea name="desc" id="desc" class="form-text form-control"></textarea>
                </div>
                <div class="col-lg-2">
                    <button class="btn btn-danger mybtn">remove</button>
                </div>
            </div>
        </div>
    </div>
</div>

在我的脚本文件中添加了这个我只想通过调用函数

访问点击的按钮

 $(function () {
        var i = 1;
        $("#btnadd").click(function () {

            var elemnts =
                '<div class="row" id="holder' + i++ + '">' +
                '<div class="col-lg-5">' +
                '<input type="text" class="form-control form-text" name="title" placeholder="enter title">' +
                '</div>' +
                '<div class="col-lg-5">' +
                '<textarea name="desc" id="desc" class="form-text form-control"></textarea>' +
                '</div>' +
                '<div class="col-lg-2">' +
                '<button id="hhs" onclick="hii()" class="btn btn-danger mybtn" value="' + i + '">remove</button>' +
                '</div>' +
                '</div>';

            $("#holder").append(elemnts)
        })

    })

    function hii(){
        // i wanna get access to the clicked button
    }

Answer 1

阿巴斯。请尝试以下。

$(function () {
    var i = 1;
    $("#btnadd").click(function () {

        var elemnts =
            '<div class="row" id="holder' + i++ + '">' +
            '<div class="col-lg-5">' +
            '<input type="text" class="form-control form-text" name="title" placeholder="enter title">' +
            '</div>' +
            '<div class="col-lg-5">' +
            '<textarea name="desc" id="desc" class="form-text form-control"></textarea>' +
            '</div>' +
            '<div class="col-lg-2">' +
            '<button id="hhs" class="btn btn-danger mybtn" value="' + i + '">remove</button>' +
            '</div>' +
            '</div>';

        $("#holder").append(elemnts)
    })
    $(document).on('click', '#hhs', function() {
        // hii function code should be here.
    });
});

希望这对您有所帮助。编码愉快~:)

如何在 jquery 中获取被点击的按钮属性 ID 和值

how to get clicked Button attribute Id and value in jquery

html

jquery