javascript - 在javascript中获取标签的rel

Question

我有一个 JavaScript，其中包含一个带有图像、单选按钮和文本框的表单。当我点击删除超链接时，我想获取该链接的rel。

我怎样才能得到它？

表格

<script type="text/template" id="imageTemplate">
    <div class="row gc_photo" id="gc_photo_{{id}}" style=" border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;">
        <div class="col-md-2">
            <input type="hidden" name="images[{{id}}][filename]" value="{{filename}}"/>
            <img class="gc_thumbnail" src="<?php echo base_url('../product_images/{{filename}}');?>" style="padding:5px; border:1px solid #ddd"/>
        </div>
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <input name="images[{{id}}][alt]" value="{{alt}}" class="form-control" placeholder="<?php echo lang('alt_tag');?>"/>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="checkbox">
                        <label>
                            <input type="radio" name="primary_image" value="{{id}}" {{#primary}}checked="checked"{{/primary}}/> <?php echo lang('main_image');?>
                        </label>
                    </div>
                </div>
                <div class="col-md-4">
                    <a onclick="return remove_image($(this));" rel="{{id}}" class="btn btn-danger pull-right"><i class="icon-times "></i></a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label><?php echo lang('caption');?></label>
                    <textarea name="images[{{id}}][caption]" class="form-control" rows="3">{{caption}}</textarea>
                </div>
            </div>
        </div>
    </div>
</script>

删除函数

function remove_image(img)
{
    if(confirm('<?php echo lang('confirm_remove_image');?>'))
    {
         var id  = img.attr('rel');
        alert(id);
    }
}

Answer 1

您可以在此处使用 jQuery 单击处理程序。从 anchor 标记中删除 onclick 属性并在下面编写点击处理程序

$(function(){
   $('a.btn.btn-danger').click(function(){
     if(confirm('<?php echo lang('confirm_remove_image');?>'))
     { 
       alert($(this).attr('rel'));
     }
   });
});