Mediante mi código PHPPHP
//Busca todas las categorías en referencia de un producto por ejemplo: Capitulo 1, Capitulo 2, Capitulo 3
$stmtChapters = $con->prepare("SELECT id_chapters,chapters FROM chapters WHERE id_video=?");
$stmtChapters->bind_param("i",$id_video);
$stmtChapters->execute();
$stmtChapters->store_result();
if ($stmtChapters->num_rows>0) {
$stmtChapters->bind_result($id_chapters, $chapters);
while ($stmtChapters->fetch()) {
echo '<h1 class="chapters-player">'.$chapters.'</h1>';
//Obtenemos todo los contenidos en base a la categoria por ejemplo se muestran 10 vídeos o textos en el Capitulo 1 y así sucesivamente en los otros capituloscapítulos.
$stmtVideos = $con->prepare("SELECT title_video,format,multimedia,detail,url_website FROM videos WHERE id_video=? AND id_chapters=? AND active=?");
$stmtVideos->bind_param("iii",$id_video,$id_chapters,$active);
$stmtVideos->execute();
$stmtVideos->store_result();
if ($stmtVideos->num_rows>0) {
$stmtVideos->bind_result($title_video, $format,$multimedia,$detail,$url_website);
$i = 1;
$mNav='<div id="enlaces" class="videolist">';
$mDivs='<div id="ocultado" style="display: none;">';
while ($stmtVideos->fetch()) {
if($format === 'video') {
$mNav.='<a class="link" href="'.$multimedia.'">
<div class="panel-video">
<span class="play-title">'.$title_video.'</span>
</div>
</a>';
}
if($format === 'html') {
$mNav.='<a class="link" href="'.$url_website.'">
<div class="panel-video">
<span class="play-title">'.$title_video.'</span>
</div>
</a>';
}
if($format === 'text') {
$mNav.='<a class="link" id="link_'.$i.'" href="#">
<div class="panel-video">
<span class="play-title">'.$title_video.'</span>
</div>
</a>';
$mDivs.='<div class="cuadro frame-scroll-multi-content" id="c_link_'.$i.'">'.$detail.'</div>';
}
$i++;
}
$mDivs.='</div>';
$mNav.='</div>';
echo $mNav;
echo $mDivs;
} else {
//
}
}
} else {
//
}
El problema exacto que presento es el siguiente justo en esta parte del código PHPPHP
Si ustedes observan en el Capitulo 2Capitulo 2, se vuelve a repetir los id tanto en <a class="link" id="link_1" href="#">
(id="link_1"
) como en div class="cuadro frame-scroll-multi-content" id="c_link_1"> DATOS DE TEXTO 1 </div>
(id="c_link_1"
)
Al repetirse los números me causa un problema con el código jQueryjQuery
, entonces para que sea más claro el resultado que debo y que debería obtener es el siguiente resultado tal cual: