li标记循环问题jquery php_Php_Jquery_Html_Codeigniter

li标记循环问题jquery php

php jquery html codeigniter

li标记循环问题jquery php,php,jquery,html,codeigniter,Php,Jquery,Html,Codeigniter,我试图使用jquery和php获取的文本，尽管我的jquery ajax调用正在检索和显示我的，但当我使用onclick显示文本时，它只会对页面上显示的每个的第一个值发出警报 <?php foreach ($query->result() as $row){ // produce li tag echo '<li id="select_cat" onclick="select_category()"

我试图使用

jquery

和

php

获取

的文本，尽管我的jquery ajax
调用正在检索和显示我的，但当我使用onclick显示文本时，它只会对页面上显示的每个的第一个值发出警报
    <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';        

                }


     ?>



jquery
       $(document).ready(function(){
               $.ajax({
                   type:"GET",
                   url: "<?=base_url()?>" + "categories/display_categories_for_modal", 
                   success: function(res){
                     $("#main_categories").html(res); 
                     }
                });
               });
   function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 

$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“+”类别/为模式显示类别“，
成功：功能（res）{
$（“#主要类别”）.html（res）；
}
});
});
函数选择_类别（）{
变量类别=$（“选择类别”）.text（）；
警报（类别）；
//每次单击都会提醒第一个的文本，例如电子设备

}
html


触发事件的元素作为this
绑定到函数，因此您只需执行以下操作即可获取类别：
var category = $(this).text();

触发事件的元素作为this
绑定到函数，因此您只需执行以下操作即可获取类别：
var category = $(this).text();

在foreach循环中，需要通过this关键字传递li元素的id
更改自：
echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';    

echo '<li id="select_cat" onclick="select_category(this)">'.$row->category_name.'</li>';  

function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 
}

select_category = function (li){
                var category = $(li).text();
                alert(category);
            }

   <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category(this);">'.$row->category_name.'</li>';        

       }
     ?>

 <script>
    $(document).ready(function(){
        $.ajax({
             type:"GET",
               url: "" + "categories/display_categories_for_modal", 
               success: function(res){
                 $("#main_categories").html(res); 
                 }
        });

        select_category = function (li){
            var category = $(li).text();
            alert(category);
        }
    });
</script>   

^并将函数放入$（document）.ready（function（）{…}）
防止错误：Uncaught ReferenceError:$未定义
-在jquery或文档尚未准备好时调用jquery函数时出现
新PHP代码：
echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';    

echo '<li id="select_cat" onclick="select_category(this)">'.$row->category_name.'</li>';  

function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 
}

select_category = function (li){
                var category = $(li).text();
                alert(category);
            }

   <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category(this);">'.$row->category_name.'</li>';        

       }
     ?>

 <script>
    $(document).ready(function(){
        $.ajax({
             type:"GET",
               url: "" + "categories/display_categories_for_modal", 
               success: function(res){
                 $("#main_categories").html(res); 
                 }
        });

        select_category = function (li){
            var category = $(li).text();
            alert(category);
        }
    });
</script>   



新JS代码：
echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';    

echo '<li id="select_cat" onclick="select_category(this)">'.$row->category_name.'</li>';  

function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 
}

select_category = function (li){
                var category = $(li).text();
                alert(category);
            }

   <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category(this);">'.$row->category_name.'</li>';        

       }
     ?>

 <script>
    $(document).ready(function(){
        $.ajax({
             type:"GET",
               url: "" + "categories/display_categories_for_modal", 
               success: function(res){
                 $("#main_categories").html(res); 
                 }
        });

        select_category = function (li){
            var category = $(li).text();
            alert(category);
        }
    });
</script>   


$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“+”类别/为模式显示类别“，
成功：功能（res）{
$（“#主要类别”）.html（res）；
}
});
选择_类别=功能（li）{
变量类别=$（li）.text（）；
警报（类别）；
}
});
在foreach循环中，需要通过this关键字传递li元素的id
更改自：
echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';    

echo '<li id="select_cat" onclick="select_category(this)">'.$row->category_name.'</li>';  

function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 
}

select_category = function (li){
                var category = $(li).text();
                alert(category);
            }

   <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category(this);">'.$row->category_name.'</li>';        

       }
     ?>

 <script>
    $(document).ready(function(){
        $.ajax({
             type:"GET",
               url: "" + "categories/display_categories_for_modal", 
               success: function(res){
                 $("#main_categories").html(res); 
                 }
        });

        select_category = function (li){
            var category = $(li).text();
            alert(category);
        }
    });
</script>   

^并将函数放入$（document）.ready（function（）{…}）
防止错误：Uncaught ReferenceError:$未定义
-在jquery或文档尚未准备好时调用jquery函数时出现
新PHP代码：
echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';    

echo '<li id="select_cat" onclick="select_category(this)">'.$row->category_name.'</li>';  

function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 
}

select_category = function (li){
                var category = $(li).text();
                alert(category);
            }

   <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category(this);">'.$row->category_name.'</li>';        

       }
     ?>

 <script>
    $(document).ready(function(){
        $.ajax({
             type:"GET",
               url: "" + "categories/display_categories_for_modal", 
               success: function(res){
                 $("#main_categories").html(res); 
                 }
        });

        select_category = function (li){
            var category = $(li).text();
            alert(category);
        }
    });
</script>   



新JS代码：
echo '<li id="select_cat" onclick="select_category()">'.$row->category_name.'</li>';    

echo '<li id="select_cat" onclick="select_category(this)">'.$row->category_name.'</li>';  

function select_category(){
           var category = $("select_cat").text();
             alert(category);
   // every <li> clicked on always alerts the text of the first <li> e.g electronics 
}

select_category = function (li){
                var category = $(li).text();
                alert(category);
            }

   <?php
      foreach ($query->result() as $row){
               // produce li tag 
              echo '<li id="select_cat" onclick="select_category(this);">'.$row->category_name.'</li>';        

       }
     ?>

 <script>
    $(document).ready(function(){
        $.ajax({
             type:"GET",
               url: "" + "categories/display_categories_for_modal", 
               success: function(res){
                 $("#main_categories").html(res); 
                 }
        });

        select_category = function (li){
            var category = $(li).text();
            alert(category);
        }
    });
</script>   


$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“+”类别/为模式显示类别“，
成功：功能（res）{
$（“#主要类别”）.html（res）；
}
});
选择_类别=功能（li）{
变量类别=$（li）.text（）；
警报（类别）；
}
});
我尝试了此警报为空控制台显示未捕获引用错误：$未定义我尝试了此警报为空控制台显示未捕获引用错误：$未定义是的，您的解决方案有效，谢谢you@chriskeenan如果这是一个有效的解决方案，你需要接受它，这样它才能获得巨大的成功绿色记号。是的，你的解决方案奏效了。我很感激，谢谢you@chriskeenan如果这是一个有效的解决方案，你需要接受它，这样它就会得到一个大的绿色记号。