Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 [jquery] помогите разобраться с data  [new]
yarnik
Member

Откуда: Kiev
Сообщений: 311
Нашлась проблема, не понятно почему возникает и как ее решить...
Ajax вызывает php скрипт на сервере, далее скрипт отдает:
1. "еее", то ничего не происходит
2. "<span>еее<\/span>", то отрабатывает все как надо.

<table>
  <tbody>
    <tr>
      <td>
        <div><label><input type="checkbox" name="urls" value="url_01" class="checkbox_urls" /></label></div>
      </td>
    </tr>
  </tbody>
</table>
<button type="button" class="doit">Работать!</button></p>

	$('.doit').click(function() {
		$( "input:checked" ).each(function(){
			$(this).attr('checked',false);
			var $this = $(this);
			$.ajax({
				type: "POST",
				url: "ajax_backlinks.php",
				data: {name: this.name, host: this.value},
				success: function (data) {
					$( data ).insertAfter( $this.parents("label") );
				}
			});
		});
	});
14 ноя 18, 21:27    [21734628]     Ответить | Цитировать Сообщить модератору
 Re: [jquery] помогите разобраться с data  [new]
Дмитрий Мух
Member

Откуда: Зеленоград
Сообщений: 1893
yarnik,

документацию читать пробовали?

.insertAfter()

Description: Insert every element in the set of matched elements after the target.

"еее" - это не элемент, это text node. Основы не знаете.
14 ноя 18, 22:34    [21734651]     Ответить | Цитировать Сообщить модератору
 Re: [jquery] помогите разобраться с data  [new]
Дмитрий Мух
Member

Откуда: Зеленоград
Сообщений: 1893
И там же в документации есть ссылка на метод .after().

<!DOCTYPE html>
<html>
<head>
  <script data-require="jquery" data-semver="3.2.1" src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
</head>
<body>
  <table>
    <tbody>
      <tr>
        <td>
          <div>
            <label><input type="checkbox" name="urls" value="url_01" class="checkbox_urls" /></label>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
  <button type="button" class="doit">Работать!</button>
  <script>
    $('.doit').click(function() {
      $('input:checked').each(function() {
        var $this = $(this);
        
        $this.attr('checked', false);
        $this.parents('label').after('eee').before('<span style="color:red">yo!</span>');
      });
    });
  </script>
</body>
</html>
14 ноя 18, 22:39    [21734653]     Ответить | Цитировать Сообщить модератору
 Re: [jquery] помогите разобраться с data  [new]
yarnik
Member

Откуда: Kiev
Сообщений: 311
Благодарю за объяснение, действительно не знаю основ.
Где о них можно почитать доходчиво подскажите, будьте на столько любезны.
14 ноя 18, 23:16    [21734668]     Ответить | Цитировать Сообщить модератору
 Re: [jquery] помогите разобраться с data  [new]
Дмитрий Мух
Member

Откуда: Зеленоград
Сообщений: 1893
yarnik,

https://learn.javascript.ru/
14 ноя 18, 23:18    [21734669]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить