如何在按钮点击时将相应id的值传递给函数?

时间:2016-09-01 07:27:52

标签: javascript jquery

我在一些div部分中分别显示了一组名称。每个div部分都有一个删除特定div的按钮,并使用id值从数据库中删除相应的名称。我想使用id值从数据库中删除名称,所以我想将相应的id值传递给函数。有人可以帮我这个吗?

<div class='pad pen col-xs-12 col-sm-12 col-md-12 pern alert' id='bloc_style'>
    <div class='pad col-xs-12 col-md-6'>
        <h4 class='fullname'></h4>
    </div>
    <div class='pad col-md-5'>
        <span class='next-step'>
            <button class='ret_but butt label label-primary' id='equipment' name='equipment' type='button'>Select Equipment</button>
        </span>
        <div class='status'>
            <b>Status</b>
            <i class='open' id='open'>Open</i>
        </div>
    </div>
    <div class='pad col-md-1'>
        <button aria-hidden='true' data-dismiss='alert' class='closee' id='deltrash' type='button' OnClick='display(personid);'> 
            <i class='fa fa-trash-o' aria-hidden='true'></i>
        </button>
    </div>
</div>
function display(el) {
    var id = el;
    alert(id);
}

单个ID存储在变量personid中。我想将相应的personid传递给函数并使用personid的值我想从数据库中删除它。谁可以帮我这个事?

3 个答案:

答案 0 :(得分:0)

试试这个

你的HTML将是

<button aria-hidden='true' data-dismiss='alert' class='closee' id='deltrash' type='button' personid="1" OnClick='display(this);'> 

你的jquery将是

function display(me) {
    id = $(me).attr('personid');
}

答案 1 :(得分:0)

尝试这样的事情

设置

 <button aria-hidden='true' data-dismiss='alert' data-myval="personid" class='closee' id='deltrash' type='button' OnClick='display(this.id);'> 

JS

function display(id) {
    var a = $('#id').data('myval'); //getter
}

答案 2 :(得分:0)

尝试这样的事情

设置

 <button aria-hidden='true' data-dismiss='alert' data-myval="personid" class='closee' id='deltrash' type='button' OnClick='display(this);'> 

JS

function display(obj) {
    var a = obj.data('myval'); // change here
}