Селектор jquery внутри таблицы с несколькими div

Question

Я пытаюсь достичь значения в моем коде, которое находится в цикле через селектор jquery, но я не могу понять это, потому что я все еще новичок в селекторе jquery:

  <tr >
    <td class="qtip" title="asjdasd">
        <?php
        foreach ($this->titles as $title) {
        ?>

            <div class="title" style="font-weight: bold" >
            <?php echo $title['chapter_name']; ?>
        </div>
        <?php foreach ($title['videotitle'] as $video) {
        ?>


                <div class="title">
                    <input type="hidden" id="hiddenid" value="<?php echo $video['id'] ?>">
            <?php echo $video['video_title']; ?>
            </div>
            <div>
            <?php echo date('h:i:s', $video['video_time']) ?>
            </div>

            <div><?php echo $video['date_created'] ?></div>
        <?php if (isset($this->Videos['user_id'])) {
        ?>
        <?php if (isset($video['file_path'])) {
        ?>
                        <div> <a href="<?php echo $video['file_path']; ?>" target="_blank"> <img src="/images/white_folder.jpg" alt="" /></a></div>
        <?php } else {
        ?>
                        <div> <a href="#" target="_blank"></a></div>
        <?php } ?>
        <?php } else {
        ?>
                    <div>  <a href="/auth/login" target="_blank"> <img src="/images/white_folder.jpg" alt="" /></a></div>
        <?php } ?>
    <!--                    <div> <a href="/mediaplayer/player.swf?width=700&height=500&file=<? //php echo $video['video_path'];                                        ?>&image=<? //php echo str_replace('.flv', '.jpg', str_replace('/flv/', '/thumb/', $video['video_path']))                                        ?>&skin=<? //php echo URL_ADDRESS                                        ?>/mediaplayer/carbon/carbon.xml" rel="shadowbox" title="<? //php echo $video['video_title']                                        ?>" ><img src="/images/white_vid.jpg" alt="" /></a></div>-->

                <div class="jwbox">
                    <img width="21" height="27" alt="" title="" src="/images/white_vid.jpg"/>
                    <div class="jwbox_hidden">
                        <div  class="jwbox_content">
                    <?php
                    echo $video['vid_code'];
                    ?>

Я хочу добраться до этого Скрытого значения и получить его значение:

                    <input type="hidden" id="videoid" value="<?php echo $video['videoid'] ?>">

                    <script type='text/javascript'>

                        var timerinterval
                        jwplayer('player2').onPlay(function() {
                            timerinterval=setInterval('timer()',1000)});
                        jwplayer('player2').onPause(function() {
                            stopTimer()});
                        jwplayer('player2').onComplete(function(){
                            stopTimer()});


                    </script>
                    <p><?php echo $video['video_title'] ?></p>
                    <a href="javascript:void(0)">  <p  id ="fav" font-color="green">add to favourite  </p></a>
                </div>
            </div>

        </di

Answer 1

Чтобы получить значение в:

<input type="hidden" id="hiddenid" value="<?php echo $video['id'] ?>"> 

используйте

$("input#hiddenid").val();

Поскольку вы новичок, обратите внимание на следующие вещи:

Идентификаторы всегда должны быть уникальнымии выбираются с помощью

$("#idName")

Классы могут быть группами тегов, выбранными с помощью

$(".className")

, чтобы выбрать все элементы img, используйте $

$("img")

, чтобы выбрать точноеэлемент с тегом> имя класса> id

$("img.className#id")

Answer 2

А как же

   $('#hiddenid').val();

Answer 3

$(".jwbox_hidden").text();, вероятно, даст вам содержимое этого div, используя селектор класса.

Однако вы должны рассмотреть возможность использования. Возможно, вместо этого используйте скрытый ввод со значением, установленным в вашем php. Если вы используете элементы для хранения скрытых данных, попробуйте использовать идентификаторы, а не классы, поскольку вы хотите запросить только один экземпляр этого элемента на своей странице.

* 1006 например *

<input type="hidden" value="<?php echo $video['vid_code']; ?>" id="jwbox_hidden" />

Вы можете просто запросить его, используя $("#jwbox_hidden").val();, используя селектор идентификатора.

Более подробная информация о селекторе здесь На самом деле это довольно просто, если вы освоите его.

Answer 4

Поскольку вы определяете для него идентификатор, он, по-видимому (по крайней мере, должен быть), единственный элемент с таким идентификатором, и как таковой вы можете получить его, просто используя $("#videoid") и его значение с помощью $("#videoid").val()