将Jquery转换为PHP

Converting Jquery to PHP

本文关键字：PHP 转换 Jquery      更新时间：2023-09-26

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

My JS/Jquery part:

          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有一个reddborder类。我能在PHP中验证这个吗。我已经有了AJAX基础，但是验证部分很难。

非常感谢你的帮助，我为我的拼写错误和语法错误感到抱歉。英语不是我的母语。 
<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>
相关文章：