如何轻松地为ActionCable发送DOM元素？

Question

我不确定是否要在这里做疯狂的事情，也许我只需要指出正确的方向即可。我有一个带有刻度框的元素列表。我需要两个人知道（面试情况）对方是否在方框中打勾。ActionCable似乎很完美。

一切都已经设置好了，在actioncable方面，但是我需要将需要打勾的确切元素发送到actioncable，以便它可以在其他人的前端打勾。我尝试发送DOM元素，但是它被序列化为JSON，并且无法在另一端进行更改（或者根本不知道如何使用它）。

下面是到目前为止的代码。第一个box.html是在表单上的方框中打勾。然后，在第一个preventDefault（）之后，我尝试将相同的box元素发送到actioncable以在其他人的前端打勾。

  $('.btn-group-vertical').each(function(){

    var $this = $(this);

    var success = $this.find('.applicant-success')

    var failure = $this.find('.applicant-failure')

    var box = $this.parent().next().find('.int_success');

    success.on('click', function(e) {

      box.html("<img class='interview-img3' src='/images/tick.png'>");

      e.preventDefault();

      App.room.ping(box);

    });

});