このdivをforeachループに調整するにはどうすればよいですか？

Question

アトリビュートは（crop_name、crop_img、crop-detail）です。このダイビング（crop_img）のアトリビュート値を<img>タグ（crop_name）内の<span>タグと、（crop_detail）<em>タグ内に表示します。

<?php 
    foreach($records as $r) { }?> 

    <div class="cols"> 
    <figure class="pad_bot2 pad_top1"><img src="" alt="" width="200px" height="211px"></figure> 
     <p class="pad_bot2"> <span class="font1 color2"></span><br> 
     <em></em><br> 
     <a href="#" class="link1">Read More</a> 
     </p> 
     </div> 

Answer 1

PHPタグをHTMLタグに直接埋め込むことができます。このように使うことができます。

<?php 
foreach($records as $r) { ?>  
    <div class="cols"> 
    <figure class="pad_bot2 pad_top1"><img src="" alt="" width="200px" height="211px"></figure> 
     <p class="pad_bot2"> <span class="font1 color2"></span><br> 
     <em></em><br> 
     <a href="#" class="link1">Read More</a> 
     </p> 
    </div> 
<?php }?> 

Answer 2

単純なforeach本体の内部にhtmlを追加します。このコードを試してください。それ以上の助けが必要なら私に知らせてください。

あなたは以下

<?php echo $r->index; ?> 

を使用し、オブジェクトを受け取る場合

<?php echo $r['index']; ?> 

を使用し、その後$レコードの配列を受信して​​いる場合、あなたが望むような完全なコードです。

<?php foreach($records as $r) { ?> 
    <div class="cols"> 
    <figure class="pad_bot2 pad_top1"><img src="" alt="" width="200px" height="211px"></figure> 
     <p class="pad_bot2"> <span class="font1 color2"></span><br> 
     <em></em><br> 
     <a href="#" class="link1">Read More</a> 
     </p> 
</div> 

<? } ?> 

Answer 3

ループ画像SRC用= <?php echo $r->crop_img; ?>

<?php foreach($records as $r) { ?>  
    <div class="cols"> 
     <figure class="pad_bot2 pad_top1"><img src="<?php echo $r->crop_img; ?>" alt="" width="200px" height="211px"></figure> 
     <p class="pad_bot2"> <span class="font1 color2"><?php echo $r->crop_name; ?></span><br> 
     <em><?php echo $r->crop_detail; ?></em><br> 
     <a href="#" class="link1">Read More</a> 
     </p> 
    </div> 
<?php }?> 

Answer 4

のような各マークアップするには、以下のようなHTMLと更新値は、物事をより読みやすくしようとしている： <?php foreach($records as $r): ?> your codes here <?php endforeach; ?>