在javascript中獲取rel的<a>標記

Question

我有一個包含圖像，單選按鈕和文本框的窗體。 當我點擊刪除超鏈接時，我想要獲取該鏈接的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的click處理這裏。從錨標記刪除onclick屬性，並在下面寫點擊處理

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