javascript - 如何从文本 API 中删除单个字符串行？

Question

目前我已经开发了一个运行 Sweet-Board 应用程序的 LAME 服务器。过程很简单，但是有一个问题；如果用户发送不当消息，我想确保它被快速删除。因此，我在 .php 文件中开发了一个删除按钮来处理传入的消息，但是一旦按下该按钮；它会删除屏幕上发送的每一条 txt 消息。我怎样才能让它只删除一条消息而不是多条。任何帮助将不胜感激。

注意:尚未找到解决方案。

(可以在此处找到更多信息:https://github.com/barrel/sweet-board)

代码:

    <?php
    require('twilio.php');
    include('config.php');
    $client = new Services_Twilio($sid, $token);
    $textcount=0;

    foreach ($client->account->sms_messages as $message) {
        $status= $message->status;
        if ($status=='received'){
            $time = date('c', strtotime($message->date_created));
            $body = $message->body;
            $smsid= $message->sid;  
    ?>
    <article <?php if ($textcount >= 6){ ?>class="hidden" <?php } ?>data-sid="<? 
    php echo $smsid; ?>">
        <blockquote>
          <p><em>&#8220;</em><?php echo $body; ?><em>&#8221;</em></p>
        </blockquote>
          <script src="https://code.jquery.com/jquery-1.10.2.js"></script>  

      <button>Delete</button>
     <script>
     $( "button" ).click(function() {
     $( "blockquote" ).remove();
     });
        </script>
     <abbr class="timeago" title="<?php echo $time; ?>"></abbr>
    </article>
    <?php
        $textcount++;
        }
      }
     ?>

   </style> 
   </body>
   </html>

Answer 1

您可以为 block 引用指定 id

<blockquote id='id_<?php echo $smsid;?>"></blockquote>


<button data-blockId="id_<?php echo $smsid;?>">Delete</button>


$("button").click(function() {
    var id = $(this).data('blockId'):
    $("#"+id).remove();
});

按钮点击 javascript 代码如果不在 foreach 中会更好。