Question

我目前有一个html按钮，其下方有一个div，我要在其中发布某些数据。

这两个元素都在php for循环中。

<?php for($i = 0 ; $i < 10; $i++){ ?>
    <div class="form-group">
          <label class="col-md-4 control-label" for="ver"></label>
              <div class="col-md-4">
                  <button data-dnipass="<?= $dni?>" class="ver" name="ver" class="btn btn-primary">
                      Ver líneas
                  </button>
              </div>
       </div>   
  <div id ="<?= $i?>" class="table userInfo" data-formpost="<?= $dni?>"></div> 
<? } ?>

$dni是我从数据库中获得的值，并且对于每次迭代都是唯一的。

然后我有一个执行以下操作的ajax脚本

$(document).ready(function(){
        $(".ver").click(function(event){
        var pulsado = $(this).data("dnipass"); //this is properly asigning the data
        alert(pulsado); //this properly launches an alert with my desired value
        $(this).data("formpost").append(pulsado); //im trying to append my variable to my ".userinfo" div but im unable to do so, since I dont know how to identify so
    });
    })

如何使用类“ userinfo”将var pulsado附加到我的div？ var pulsado的内容是一个简单的字符串，例如“ x1234”或“ x4321”。...

Answer 1

尝试以下代码

    $(".ver").click(function(event){
        var pulsado = $(this).data("dnipass"); //this is properly asigning the data
        $(this).closest('.form-group').next('.userInfo').append(pulsado);
    });

closest找到div包裹在其下的button。 next然后找到具有div类的直接userInfo。

Answer 2

只需像这样使用append（）即可：

$(document).ready(function()
{
   $(".ver").on('click',function(event)
   {
      var pulsado = $(this).data("dnipass");
      $(".userinfo").append(pulsado);
   });
});

jQuery / Ajax在警报中正确发送“ data-”值，但无法将其附加到php中的特定div中

2 个答案: