У меня есть 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 class и div id use - я понимаю, что они оба делают одно и то же. На 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
scrip2
на 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>");