У меня есть скрипт таблицы html, который я нашел в Интернете с помощью JQuery. И еще один скрипт, использующий html и JavaScript.
- script1 - отправить ввод из html-формы в html-таблицу с помощью JQuery.
- script2 - содержит данные внутри таблицы html, которая пингует мои веб-сайты для проверки статуса с помощью javascript.
мне нужно отредактировать script2 в блокноте ++, чтобы вставить URL-адреса / IP-адреса веб-сайтов, чтобы использовать его. Я хочу использовать script1 для ввода данных в таблицу script2. Но у меня возникли проблемы с определением того, что я делаю неправильно. Я не получаю никаких ошибок, я не получаю никаких результатов.
- Идентификатор TABLE на script2 - pinger
- Класс TABLE в script1 представляет собой таблицу данных, граничащую с таблицей.
- Класс Div в script1 - это группа форм
Идентификатор Div на script2 является содержимым. Я не уверен, имеет ли это значение. Я попытался найти класс div и использование идентификатора div - я понимаю, что они оба делают одно и то же. В script2 строка таблицы имеет:
<td><span>DNSPod DNS</span> (119.29.29.29)</td> <td class='latency' id='**us-east-1**' endpoint='**119.29.29.29**'> </td>
us-east-1 — это то, что я хочу заменить на имя 119.29.29.29, это то, что я хочу заменить на ip
на script1 JQuery:
$("form").submit(function(e){
e.preventDefault();
var name = $("input[name='name']").val();
var ip = $("input[name='ip']").val();
$(".data-table tbody").append("<tr data-name='"+name+"' data-ip='"+ip+"'><td>"+name+"</td><td>"+ip+"</td><td><button class='btn btn-info btn-xs btn-edit'>Edit</button><button class='btn btn-danger btn-xs btn-delete'>Delete</button></td></tr>");
$("input[name='name']").val('');
$("input[name='ip']").val('');
});
$("body").on("click", ".btn-delete", function(){
$(this).parents("tr").remove();
});
$("body").on("click", ".btn-edit", function(){
var name = $(this).parents("tr").attr('data-name');
var ip = $(this).parents("tr").attr('data-ip');
$(this).parents("tr").find("td:eq(0)").html('<input name="edit_name" value="'+name+'">');
$(this).parents("tr").find("td:eq(1)").html('<input name="edit_ip" value="'+ip+'">');
$(this).parents("tr").find("td:eq(2)").prepend("<button class='btn btn-info btn-xs btn-update'>Update</button><button class='btn btn-warning btn-xs btn-cancel'>Cancel</button>")
$(this).hide();
});
$("body").on("click", ".btn-cancel", function(){
var name = $(this).parents("tr").attr('data-name');
var ip = $(this).parents("tr").attr('data-ip');
$(this).parents("tr").find("td:eq(0)").text(name);
$(this).parents("tr").find("td:eq(1)").text(ip);
$(this).parents("tr").find(".btn-edit").show();
$(this).parents("tr").find(".btn-update").remove();
$(this).parents("tr").find(".btn-cancel").remove();
});
$("body").on("click", ".btn-update", function(){
var name = $(this).parents("tr").find("input[name='edit_name']").val();
var ip = $(this).parents("tr").find("input[name='edit_ip']").val();
$(this).parents("tr").find("td:eq(0)").text(name);
$(this).parents("tr").find("td:eq(1)").text(ip);
$(this).parents("tr").attr('data-name', name);
$(this).parents("tr").attr('data-ip', ip);
$(this).parents("tr").find(".btn-edit").show();
$(this).parents("tr").find(".btn-cancel").remove();
$(this).parents("tr").find(".btn-update").remove();
});
я хочу использовать script1 для ввода данных в таблицу в script1 и использовать код js в script2 для проверки связи с серверами.
Это то, что у меня есть до сих пор, но это не работает
$("form").submit(function(e){
e.preventDefault();
var name = $("input[name='name']").val();
var ip = $("input[name='ip']").val();
$(".data-table tbody").append("<tr data-name='"+name+"' data-ip='"+ip+"'><td>"+name+"</td><td>"+ip+"</td><td class='latency' id='"+name+"' endpoint='"+ip+"'> </td><td><button class='btn btn-info btn-xs btn-edit'>Edit</button><button class='btn btn-danger btn-xs btn-delete'>Delete</button></td></tr>");