赤い十字を追加して、行からボックスを削除します。

Question

すべての行と列にはボックスがあり、xをクリックするとその行が削除されます。

私はこれを追加するにはどうすればよい

私はここで、他のスレッドで

window.onload = function(){ 
    document.getElementById('close').onclick = function(){ 
     this.parentNode.parentNode.parentNode 
     .removeChild(this.parentNode.parentNode); 
     return false; 
    }; 
}; 
Css for close button 

#close { 
    float:right; 
    display:inline-block; 
    padding:2px 5px; 
    background:#ccc; 
} 

You may add a hover effect like 

#close:hover { 
    float:right; 
    display:inline-block; 
    padding:2px 5px; 
    background:#ccc; 
    color:#fff; 
} 

を読んで、私のPHPコードが

<?php 


    $post = get_post(get_the_ID()); 
    $auth = $post->post_author; 

    $lnk = $privurl_m . 'priv_act=send&pid='.get_the_ID().'&uid='.$auth; 

    $author = get_the_author(); 
    echo '<li>'; 
    echo '<span>'.sprintf(__('<a href="%s">%s</a> requested gig',"PricerrTheme"),$lnk,"<font color=\'red'>" . $author ."</font>").':</span><br/>'; 
    echo "Title: ".get_the_title(); echo'<br/> <span>'; 
    _e("Posted in","PricerrTheme");?> <?php echo get_the_term_list(get_the_ID(), 'request_cat', '', ', ', ''); 
    echo '</span>'; 
    echo '<input class="btnnn-class" type="btnnn-class" onClick="window.location.href=\'' . $lnk . '\'" value="Contact Buyer">' ; 
    echo '</li>'; 


?>  

です

これにコードを追加すると、各列にxを追加することができます。次に、それを押して離してもかまいません。

Answer 1

idを複製することはできません。そのため、まずCSSを変更する必要があります。

echo '<input class="btnnn-class" type="btnnn-class" onClick="window.location.href=\'' . $lnk . '\'" value="Contact Buyer"> <a class="close" href="#">&times;</a>' ;