<Div> түймешігін басып, нұқу арқылы алып тастаңыз

Менде келесі проблема бар:

Div қосу:

$(".class").click(function() {   
    $(this).append("<div class='click'></div>");
    $("div.click").show();
});

Содан кейін оны басқа түймені басу арқылы алып тастаймын, бірақ div әлі де бар.

$(".button").on("click", function(e){
    e.preventDefault();
    ...
    $("div.click").hide();
});
1
Менің болжауымша, сол нәрселерде «...» қате туғызады - немесе. батырмасын басу функциясы шақырылмайды.
қосылды автор ek_ny, көзі
preventDefault() кейін hide енгізудің кез-келген нақты себебі? неге бұрын емес? осылай түсінікті болады.
қосылды автор hitesh israni, көзі
сіздің проблемаңызды түсінбеңіз. Сіз сұраған нәрсе жоғарыда көрсетілген скрипкада көрсетілгендей жұмыс істейді.
қосылды автор hitesh israni, көзі
Іс жүзінде жою деп ойлайсыз ба? Немесе оны жасыр? Өйткені қазіргі уақытта сіз тек соңғы әрекетті жасайсыз.
қосылды автор David, көзі
html файлын көрсету ...
қосылды автор Mohammad Adil, көзі
jsfiddle.net/suhailvs/4VmYP иә div бар
қосылды автор suhailvs, көзі
Түйменің үстіңгі жағындағы түймені өңдегіш шынымен де шақырылады ма?
қосылды автор user1864610, көзі

7 жауаптар

алып тастау «on»

$(".button").on("click", function(e){
    e.preventDefault();
    ...
    $("div.click").hide();
});
2
қосылды
Бұл не болады?
қосылды автор David, көзі
Жоқ - қаншалықты маңызды екенін білмеймін.
қосылды автор user1864610, көзі

Бөлгішке көрсеткішті ұстап көріңіз, төменде жұмыс істеу керек.

var tempDiv;
$(".class").click(function() {   
  tempDiv = $("<div class='click'></div>").appendTo($(this)).show();
});

$(".button").on("click", function(e){
  e.preventDefault();
  tempDiv.remove();
});

Әйтпесе, сіз бұл жолды пайдалана аласыз

$(".class").click(function() {   
   $("<div class='click'></div>").appendTo($(this)).show();
});

$(".button").on("click", function(e){
  e.preventDefault();
  $('.click').remove();
});

PS: .click класы әдепкі бойынша жасырын болмаса, .show()

1
қосылды
Try this

You have two buttons.

Say:

<div class="Main">
    <div>Div0</div>
</div>

<button class="button1">Click to add</button>
<button class="button2">Click to remove</button>


and JS Code is :

var counter=1;

$(".button1").click(function() {  

$('.Main').append("<div class='click'> newly added Div "+counter+"</div>");
counter++;
$("div .click").show();
});

$(".button2").click(function() {

$('.Main div').remove(':last-child');
});
1
қосылды

Сіз динамикалық түрде элемент жасасаңыз, өкілетті оқиға қажет: .on (оқиға, селектор, өңдегіш (eventObject)) .

$(document).on("click", ".button", function(e){
    e.preventDefault();
    ...
    $("div.click").hide();
});

Элементті жоюды қаласаңыз, .hide() орнына .remove() әдісін пайдаланасыз.

0
қосылды

Here is an example based on your work : http://jsfiddle.net/UQTY2/128/

<div class="class">Click to add a green box</div>
<button class="button">Click to remove all green boxes</button>

$(".class").click(function() {
    $(this).append("<div class='click'></div>");
});

$(".button").click(function(e) {
    e.preventDefault();
    $("div.click").remove();
});
0
қосылды

бұл жойылады

$(".button").on("click", function (e) {

    e.preventDefault();
    $("div.click").remove();
});

менің сиқырымды тексер

http://jsfiddle.net/suhailvs/4VmYP/2/

0
қосылды

сіз javaScript-мен динамикалық түрде қосып, оны алып тастай аласыз

Бұл мысалды тексеріңіз

Дивидентті динамикалық түрде қосу және алып тастау

осы мысалда әдепкі жою түймешігі ең соңғы қосылған div жою немесе контейнердегі соңғы div деп айтуға болады Бірақ егер div div нөмірімен белгілі бір div жою керек болса, сіз div нөмірін енгізе аласыз.

Код мысалы

HTML

<div class="Main">
    <div>div1</div>
</div>
<button id="ok">add</button>
<button id="del">remove</button>

<input id="V"/>
<button id="Vok">ok</button>

JS

var counter=0;
$("#ok").click(function(){
    $('.Main').append('<div> new div'+counter+'</div>');
    counter++;
})
$("#del").click(function(){
    $('.Main div').remove(':last-child');
})
$("#Vok").click(function(){
    var Val=$('#V').val();
    $('.Main div:nth-child('+Val+')').remove();
})
0
қосылды