Question

我正在寻找一种方法将我的Jquery / JS部分“转换”为PHP。我知道你可以用AJAX做到这一切，但我唯一的问题是我不知道如何在PHP中验证它，因为有HTML部分是有效的。（对不起，如果不清楚）。

我的JS / Jquery部分：

          function highlight() {

     var timerId = 0;
     var $divs = $('.cell').removeClass('redborder');
     var random = Math.floor(Math.random() * $divs.length);

     $divs.eq(random).addClass('redborder');
     console.log($divs.eq(random));

     $('#submit').show();
 }
 $(document).ready(function () {
     $('#button').click(function () {
         $('p').empty();

         if ($('#plaatje1').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 1</p>");
         }
         if ($('#plaatje2').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 2</p>");
         }
         if ($('#plaatje3').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 3</p>");
         }
         if ($('#plaatje4').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 4</p>");
         }
         if ($('#plaatje5').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 5</p>");
         }
         if ($('#plaatje6').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 6</p>");
         }
         if ($('#plaatje7').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 7</p>");
         }
         if ($('#plaatje8').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 8</p>");
         }
         if ($('#plaatje9').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 9</p>");
         }
         if ($('#plaatje10').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 10</p>");
         }
         if ($('#plaatje11').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 11</p>");
         }
         if ($('#plaatje12').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 12</p>");
         }
         if ($('#plaatje13').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 13</p>");
         }
         if ($('#plaatje14').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 14</p>");
         }
         if ($('#plaatje15').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 15</p>");
         }
         if ($('#plaatje16').hasClass("redborder") == true) {
             $(".textarea").append("<p>Tekst 16</p>");
         }

     });

     $('#submit').click(function () {
         clearInterval(timerId);
     });
 });

 timerId = setInterval(function () {
     highlight();
 }, 1000);

我的问题是我不知道如何在PHP中控制图片1有一个redborder类。无论如何，我可以在PHP中验证这一点。我已经拥有的AJAX基础，但验证部分很难。

非常感谢您的帮助，对不起我的拼写错误和语法错误。英语不是我的母语。

Answer 1

<html><!DOCTYPE html>   
<head>
    <title></title>
</head>
<body>

<?php
// The only way it's that you save the name tha contains the class
// plaatje2 in a var


//For example:
$nom_curr_img = 'plaatje2';// this var can has any of values tha you mentioned .

echo "<texarea>";
switch($nom_curr_img){
    case 'plaatje2':
    echo "<p>Tekst 5</p>";
    break;
    //...
    case 'plaatjeN':
    echo "<p>Tekst N</p>";
    break;

}
echo "</textarea>";
?>
</body>
</html>

将Jquery转换为PHP

1 个答案: