Question

我将html和php结合在一起，使我的标记如下：

<div class="row">
            <?php foreach($requests as $request) : ?>
            <div class="item col-md-3 col-sm-12">
                <p class="telegram_id">
                    <?php echo $request['telegram_id'].' restaurants id'; ?>
                </p>
                <p class="restaurant_name">

                </p>
                <p class="places">
                    <?php echo $request['places_count'].' places are left now'; ?>
                </p>
                <p class="discount">
                    <?php echo $request['discount_count'].' % is the discount U get in this restaurant booking with us'; ?>
                </p>
                <p class="timestamp">
                    <?php echo 'Updated at '.$request['created_at']; ?>
                </p>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal">Wanna order</button>
            </div>
            <?php endforeach; ?>
        </div>

最后有一个按钮，模态也有一个标记。如何根据按下的按钮将数据向前传递到模态。我的意思是，假设有10个div类别的内容不同的内容和10个不同的按钮。如何获取按下按钮的div内的p标签？

Answer 1

您可以在用户单击<div>时使用ID为<div>的函数，并且该ID应该是动态的，并随循环索引生成。例如，我向您显示2个div和ID item1和item2，其中1和2是您的循环索引。

function getPContent(item){

  alert($("#"+item+" p.telegram_id").text()+ $("#"+item+" p.places").text()+$("#"+item+" p.discount").text()+$("#"+item+" p.timestamp").text());
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="item1">
    <p class="telegram_id">
        telegram_id1
    </p>
    <p class="restaurant_name">
    </p>
    <p class="places">
        places1
    </p>
    <p class="discount">
        discount1
    </p>
    <p class="timestamp">
        timestamp1
    </p>
    <button type="button" onclick="getPContent('item1')">Wanna order</button>
</div>
<div id="item2">
    <p class="telegram_id">
        telegram_id2
    </p>
    <p class="restaurant_name">
    </p>
    <p class="places">
        places2
    </p>
    <p class="discount">
        discount2
    </p>
    <p class="timestamp">
        timestamp2
    </p>
    <button type="button" onclick="getPContent('item2')">Wanna order</button>
</div>

如何根据按下的按钮选择特定数据

1 个答案: