Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не могу понять как работает простой скрипт. (https://javascript.ru/forum/jquery/70647-ne-mogu-ponyat-kak-rabotaet-prostojj-skript.html)

Argonaft 21.09.2017 23:49

Не могу понять как работает простой скрипт.
 
$('.btn.btn-danger.btn-sm').click(function(e) {
      var id = e.target.dataset.id;
      //используем POST
    $.post("form.php", { "id": id}, function(resp){
    $("#Result").html(resp).css('visibility','visible');
    $('#'+id).remove(); //удаляем нужный элемент
});


Мне нужно чтоб при клики на кнопку

Код:

<button type="button" class="btn btn-danger btn-sm">Удалить</button>
Удалился объект. Ок я этот код нашел в сети, и не могу понять строки:
var id = e.target.dataset.id;

ну тут создается переменная а дальше вообще не понимаю кусок e.target.dataset.id;
function(e) - это тоже не понимаю, что такое [B]e[/B]

...
можете расшифровать построчно пожалуйста.

j0hnik 21.09.2017 23:53

var id = e.target.dataset.id;

расшифровка
сохраняем в переменную с названием id значение html атрибута data-id элемента на котором произошло событие.

рони 21.09.2017 23:56

Цитата:

Сообщение от Argonaft
что такое e

event - Объект события

Цитата:

Сообщение от Argonaft
не могу понять строки:
var id = e.target.dataset.id;

свойство-dataset-data-атрибуты

j0hnik 21.09.2017 23:57

function(e)
передаем в функцию объект событие в качестве аргумента
https://learn.javascript.ru/obtaining-event-object

рони 21.09.2017 23:59

Цитата:

Сообщение от Argonaft
Мне нужно чтоб при клики на кнопку

<button type="button" class="btn btn-danger btn-sm" data-id="???">Удалить</button>

Argonaft 22.09.2017 00:23

от спасибо всем большое!


Часовой пояс GMT +3, время: 03:15.