Обход массива в jquery

247

26 февраля 2018, 00:52

Есть некий html код, который записан в php, в который записываются данные из бд. Для каждого нового $id создается новый .msg, таким образом на выходе имеем множестно таких блоков

<div class='msg new'  id='$id'>
        <div class='container col'>
          <div class='userData row'>
            <p id='num' name='id'>$id</p>
            <p id='ip'>$ip</p>
          </div>
          <div class='textArea col'>
           <p id='re'>Тема:$re</p>
            <p id='text'>$text</p>
          </div>
          <div class='btn-row row'>
            <div class='btn' id='done'>Выполенно</div>
            <div class='btn' id='cancel'>Удалить</div>
          </div>
        </div>
      </div>

Так же есть 2 кнопки (#done, #cancel), на которых висят обработчики на jQuery.

  $("#cancel").click(function () {
  var id = $("p#num").html();
  $.ajax({
  url: "rm.php",
  type: "POST",
  dataType: "text",
  data: {'c':'1', 'id': id},
  success: function() {
    alert("Cancel")
  }
  })
})

Нажимая, допустим, на #cancel, у меня обрабатывается только id первого msg, но мне нужно, что бы обрабатывался тот msg, где был произведен click.

Так проиходит выдача

<body>
      <div class="msg" id="201802240910">
            <div class="container col">
              <div class="userData row">
                <p id="num" name="id">201802240910</p>
                <p id="ip">192.168.1.4</p>
              </div>
              <div class="textArea col">
               <p id="re">Тема:Привет</p>
                <p id="text">234</p>
              </div>
              <div class="btn-row row">
                <div class="btn" id="done">Выполенно</div>
                <div class="btn" id="cancel">Удалить</div>
              </div>
            </div>
          </div>
          <div class="msg" id="201802240906">
            <div class="container col">
              <div class="userData row">
                <p id="num" name="id">201802240906</p>
                <p id="ip">192.168.1.4</p>
              </div>
              <div class="textArea col">
               <p id="re">Тема:Проблема 5</p>
                <p id="text">йцу</p>
              </div>
              <div class="btn-row row">
                <div class="btn" id="done">Выполенно</div>
                <div class="btn" id="cancel">Удалить</div>
              </div>
            </div>
          </div>
       </body>