Блог

изучение Jquery и интеграция с PHP — добиваюсь своего, но есть одна последняя проблема в коде, над которым я работаю.

У меня есть HTML в строке, пытаюсь извлечь html в тегах, в HTML-строке может быть несколько элементов, поэтому пытаюсь использовать каждый. Моя функция отлично работала без each, ниже приведена моя интеграция each (в настоящее время ничего не возвращает):

 <?php 
   $info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li><li><strong><a href="http://www.mysite.com/test2.html" title="Some stuff">I want this text too</a></strong></li>';
   $info = json_encode($info);
?>

<script type="text/javascript">
$(document).ready(function () {

    $("a", $( < ? php echo $info; ? > )).each(

    function () {
        alert($(this).html());
    });
};
  

Приведенный ниже код действительно работает, но возвращает только первый элемент в HTML:

 <?php
   $info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li>';
   $info = json_encode($info);
?>

<script type="text/javascript">
$(document).ready(function () {
    var output = $("a", $( < ? php echo $info; ? > )).html();
    var link = $("a", $( < ? php echo $info; ? > )).attr("href");
    alert(output);
    alert(link);
});
</script>
  

Это описание и рабочий пример того, как использовать .each() ССЫЛКУ

Вы можете попробовать этот в качестве примера

 $("a").each(function(index){alert($(this).html()});
  

Ваш код не работает, потому что есть несколько проблем с синтаксисом.

Во-первых, измените

 < ? php echo $info; ? >
  

Для

 <?php echo $info; ?>
  

PHP не любит пробелы, и открывающий и закрывающий теги должны отображаться без пробелов.

Во-вторых, закройте функцию ready и тег script должным образом. Вместо

 };
  

использовать,

 });
</script>
  

Почему вы кодируете фрагмент XML с помощью JSON? Это не имеет никакого смысла вообще. Оба являются способами кодирования данных. HTML — это тоже XML, кстати. Вы можете напрямую ссылаться на $info переменную, поскольку PHP сначала обработает все на сервере.

 <?php 
   $info = '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li>';
?>
<script type="text/javascript">
$(document).ready(function() {

    $("a", $("<?php echo $info; ?>")).each(
        function () {
            alert($(this).html());
        }
    );
});
  

Или просто удалите временную переменную вообще. Затрудняет чтение, но это, по сути, то, что делает PHP.

 $("a", $("<?php echo '<li><strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong></li>'; ?>")).each(
  

Или, чтобы сделать это еще проще, поскольку у вас уже есть HTML, просто включите его как часть страницы и, возможно, присвоите ему идентификатор, чтобы упростить обращение к нему с помощью jQuery.

 <li id="myList">
    <strong><a href="http://www.mysite.com/test.html" title="Some stuff">I want this text</a></strong>
</li>

<script type="text/javascript">
$(document).ready(function() {
    $("a", "#myList").each(function() {
        alert($(this).html());
    });
});
</script>
  

Этот последний пример полностью избавляет от PHP, но на самом деле вы все равно его не использовали.