leni_m

var url = $(input).val();
$.ajax({
            url: url
        })

мб так?

<div id="parent-1">
    <div class="child" id="child-1" data-id="1"></div>
</div>

Jquery

$('.child').on('click', function(){
   var id = $(this).attr('data-id');
   $('#parent-'+id).addClass('class');
});

Может так?

<input type='checkbox' name='check[<?php echo $data['id'] ?>]'/>

и в обработчике перебрать массив $_POST['check'] и вытащить из него айдишники.

Вы пробовали почитать, попытаться понять со стороны то что вы написали? Понятна только муть всякая, а самое важное не понятно.

Ваш же код, только jquery подключил. Все работает

подскажите как сделать так что бы был изначально активен только один первый пункт

https://jsfiddle.net/zojskzg3/12/

function goHome() {
            document.location.replace("/");
        }
        setTimeout(goHome, 5000);

$result = $db->query('SELECT  * ...';  // берет строки

$i=0;
        while ($row = $result->fetch()) { 
            $tovar[$i]['id'] = $row['id'];  // записывает сюда значение столбца id у данной строки
            $tovar[$i]['max_price'] = $row['max_price'];
            $tovar[$i]['min_price'] = $row['min_price'];
            $tovar[$i]['color'] = $row['color'];
            $i++;
        }

например так

$db = Db::getConnection();

$result = $db->query('SELECT `post_content` FROM `wp_posts` WHERE `post_content` like '%https://y%');

        $i=0;
        while ($row = $result->fetch()) {
            $links[i] = $row['post_content'];
            $i++;
        }

и в html

<?php foreach ($links as $link): ?>
    <div><a href="<?php echo $link; ?>">ссылка</a></div>
<?php endforeach; ?>

при условии что $db = Db::getConnection() - это соединение с бд. Как у вас я не знаю, вы изволили написать только запрос.

$offset = ($active - 1) * 3;
и к Mysql запросу добавляем 'LIMIT 3 OFFSET '.$offset // что значит выбираем 3 записи 
//  пропуская $offset записей
т.е. дляя 1 страницы возьмутся 1-3 записи, для 2-ой 4-6 записи и т.д.