javascript – Fragen, auf die jQuery hier hinweist-Fragen und Antworten zum chinesischen PHP-Netzwerk

Anforderungen:
Eine Liste, jede Spalte verfügt über eine Schaltfläche „Ändern“. Nach dem Klicken auf die Schaltfläche „Ändern“ kann ein Textbereich angezeigt werden, um den Inhalt einzugeben und ihn in der entsprechenden Liste zu speichern Speichern Sie jedes Mal die zweite Liste. Beim Ändern des Inhalts wird der durch die vorherige
geänderte Listeninhalt überschrieben.
Code: html

 添加备注
修改
 添加备注
修改
 添加备注
修改

jQuery, Methode-1

$('li').on('click', 'span', function() { var me = $(this); $('#mask').show(); $('#edit').show(); $('.text').val(''); $('.sure').on('click', function() { $('#mask').hide(); $('#edit').hide(); var text = $('.text').val(); // 这里如果 find('p')，会把之前修改过的P的text也替换了,目前我的替代方法就是去掉 find('p') me.parent().find('p').html( text + '修改' ); }); });

Methode 2: Schleifenverarbeitung, der

zuvor

geänderte Inhalt wird ebenfalls überschrieben

$('li').each(function(index) { alert(index) $(this).find('span').on('click', function() { var me = $(this); $('#mask').show(); $('#edit').show(); $('.text').val(''); $('.sure').on('click', function() { $('#mask').hide(); $('#edit').hide(); var text = $('.text').val(); me.parent().find('p').html( text ); // alert(index) }); }); });

Ich habe schon lange mit diesem Problem zu kämpfen, obwohl ich das Gefühl habe, dass diese Lösung nicht sehr gut ist. Wenn der HTML-Code jedoch später geändert wird, kann er nicht verwendet werden der Indexwert, und dann ist das Problem, ich habe immer wieder verschiedene Methoden ausprobiert, aber nichts hat funktioniert. Ich weiß wirklich nicht, wo ich einen Fehler gemacht habeIch hoffe, jemand kann mir ein paar Hinweise geben. Vielen Dank an alle

var me; $('li').on('click', 'span', function() { me = $(this); $('#mask').show(); $('#edit').show(); $('.text').val(''); }); $('.sure').on('click', function() { $('#mask').hide(); $('#edit').hide(); var text = $('.text').val(); me.parent().find('p').html( text + '修改' ); });

$('li').on('click', 'span', function() { var me = $(this); $('#mask').show(); $('#edit').show(); $('.text').val(''); $('.sure').off('click'); $('.sure').on('click', function() { $('#mask').hide(); $('#edit').hide(); var text = $('.text').val(); me.parent().find('p').html( text + '修改' ); }); });

var me; $("li").on("click", "span", function() { me = $(this); $("#mask").show(); $("#edit").show(); $(".text").val(""); }); $(".sure").on("click", function() { if (!me) { return; } $("#mask").hide(); $("#edit").hide(); var text = $(".text").val(); me.parent().find("p").html(text + '修改'); });

Antworte allen (4)

漂亮男人2017-07-05 11:07:00 4 Etage

改成这样就好了。

或者

因为你把.sure元素的on事件放在了li span的点击事件，相当于你每点击一下span，就会给.sure添加一个监听事件，所以每点一次就多响应一次。

Wie+0

Antwort hinzufügen