如何添加一個按鈕來刪除JS中的元素？

我已經準備好發送鏈接，圖片和視頻（youtube）的這種形式，但接着添加了其中一個不再可以刪除刷新頁面的功能。我不知道你是否可以幫我創建一個按鈕來刪除每一個鏈接，圖像和視頻添加？如何添加一個按鈕來刪除JS中的元素？

感謝這裏是一個屏幕打印會是什麼樣子，例如：< < http://i42.servimg.com/u/f42/14/02/95/46/remove10.jpg

2011-09-10 user616324

該代碼基本上是難以辨認的。問/回答這個問題最簡單的方法是發佈添加項目時生成的HTML。一旦你知道這一點，你可以修改代碼添加一個唯一的ID或一個獨特的類，然後可以用來刪除有問題的項目擊中「清除」按鈕。 –

只需點擊添加div來刪除該分區..

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Page</title> 
<script type="text/javascript" src="view.js"></script> 
<script type="text/javascript" src="calendar.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script> 
var imgs_bbcode=''; var imgs_html=''; var youtube_html=''; var youtube_bbcode=''; var url_bbcode=''; var url_html=''; 
function QueryString(ID){ 
var URL = document.location.href; 
if(URL.indexOf('?' + ID + '=')>-1){ 
var qString = URL.split('?'); 
var keyVal = qString[1].split('&'); 
for(var i=0;i<keyVal.length;i++){ 
if(keyVal[i].indexOf(ID + '=')==0){ 
var val = keyVal[i].split('='); 
return val[1]; 
} 
} 
return ""; 
} 
else 
{ 
return ""; 
} 
} 
function val_element(id){ return jQuery('[name="element_'+ id +'"]').val(); 
} 
function set_element(id,value){ return jQuery('[name="element_'+ id +'"]').val(value); 
} 
function imgs_add(){ 
    imgs_bbcode += '<img src="'+ val_element('7') +'"width="125" height="125" class="downscreens">'; 
    imgs_html += '<img src="'+ val_element('7') +'"width="125" height="125" class="downscreens">'; 
    jQuery('#iev').html(imgs_html); 
    set_element('7','http://'); 
} 
var i=0; 
function url_add(){ 
    i=i+1; 
    url_html = ''; 
    url_bbcode += '\n\n<b>'+val_element('4_2')+'</b>\n[url='+ val_element('4_1') +']<img src="http://2.bp.blogspot.com/-zYBE4heCDlg/TVwpJUweF9I/AAAAAAAAAgU/eDDnsmpQj9I/s320/download-button.gif" class="downimg">[/url] '; 
    url_html += '<div id=div'+i+' ><hr><b>Link:</b> '+ val_element('4_1') +'<br><b>Descrição do Link:</b> '+ val_element('4_2')+'<hr><button value="delete" class="delete" id=div'+i+'/></div>'; 
    jQuery('#uev').append(url_html); 
    set_element('4_1','http://'); 
    set_element('4_2',''); 
    43 
} 
    $(".delete").live("click",function(){ 

     var id = $(this).attr("id"); 

    $("#"+id).remove(); 
    }); 

function youtube_add() { 
    var url = val_element('8'); 
    var youtube_id; 
    youtube_id = url.replace(/^[^v]+v.(.{11}).*/,"$1"); 
    youtube_bbcode += '[youtube]'+ url +'[/youtube]\n'; 
    youtube_html += '<img src="http://i1.ytimg.com/vi/'+ youtube_id +'/default.jpg" /> '; 

    jQuery('#yev').html(youtube_html); 
    set_element('8','http://'); 
} 
function gerarf(){ 
    jQuery('[name="message"]').val(
     '\n' +val_element('5_0')+' '+val_element('5_1')+ 
     '\n<center><img src="http://2.bp.blogspot.com/-zYBE4heCDlg/TVwpJUweF9I/AAAAAAAAAgU/eDDnsmpQj9I/s320/download-button.gif" class="imgscreens"></center> ' + 
     '\n[center]'+ imgs_bbcode +'[/center]' + 
     '\n' + 
     '\n<b>Videos do Youtube:</b> ' + 
     '\n[center]'+ youtube_bbcode +'[/center]' + 
     '\n' + 
     '\n' 
); 
    jQuery('[name="f"]').val(QueryString("f")); 
} 
</script> 
</head> 


<br> 
<!-- Links -->   
<label class="description" for="element_4_1">Link: </label> 
<input id="element_4_1" name="element_4_1" class="element text medium" type="text" maxlength="255" value="http://"/><img src="http://illiweb.com/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="url_add();"/> 
<label class="description" for="element_4_2">Description link: </label> 
<input id="element_4_2" name="element_4_2" class="element text medium" type="text" maxlength="255" /> 
<label class="description" for="fev">send: </label> 
<div id="uev"></div> 


<!-- Imagens --> 
<label class="description" for="element_7">Images: </label> 
<div><input id="element_7" name="element_7" class="element text medium" type="text" maxlength="255" value="http://"/><img src="http://illiweb.com/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="imgs_add();"/></div> 
<label class="description" for="fev">send: </label> 
<div id="iev">None<br> 
<br></div> 


<!-- vídeos --> 
<label class="description" for="element_8">Youtube: </label> 
<div> <input id="element_8" name="element_8" class="element text medium" type="text" maxlength="255" value="http://"/> <img src="http://illiweb.com/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="youtube_add();"/>.</div> 
<label class="description" for="yev">send: </label> 
<div id="yev">none</div> 

<input type="hidden" name="f" value="1" /> 
<input type="hidden" name="mode" value="newtopic" /> 
<input type="hidden" name="message" value="O script não enviou a mensagem" /> 

<!-- Pré Visualizar --> 
<input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="gerarf()" /> 

<!-- Enviar --> 
<input type="submit" class="form-submit-button" name="post" class="button2" value="Enviar" onClick="gerarf()"/> 
     </form> 
</div> 
    </body> 
</html>

來源

2011-09-10 20:17:25

事實上，這個腳本並不排除已經添加的內容，它只是隱藏起來。我測試了它，當我添加一個鏈接，然後我點擊刪除（它只隱藏）添加另一個鏈接，這隱藏了插入;再次出現與新的。那麼它的工作.... 是如何解決？ – user616324

現在嘗試編輯的代碼..！ –

我認爲代碼粘貼 Mahesh Thumar可能是你的答案。但是，如果你真的想要一個img或按鈕，那麼它不會對你有所幫助。

來源

2011-09-10 21:09:37 Mak

是的，他是對的。 –

@Mahesh Thumar 是的，只丟失了img按鈕，那麼你完成了，沒辦法？ – user616324

現在嘗試上面的代碼。我已經把按鈕，你可以去img與相同的id和類。

來源

2011-09-10 21:57:02

請不要問太多，可以添加圖片和視頻？，因爲我試圖把腳本放在圖像中，但按鈕圖像; excui與圖像鏈接... – user616324

如何添加一個按鈕來刪除JS中的元素？

回答

相關問題