Нажмите на div, возьмите текст и скопируйте его в таблицу

У меня есть плагин на моем сайте, и я хочу настроить функцию, которая мне не предоставлена.Нажмите на div, возьмите текст и скопируйте его в таблицу

<div id="4_15:00" class="DOPBSPCalendar-hour dopbsp-available"> 
    <div class="dopbsp-bind-top"> 
     <div class="dopbsp-hour">&nbsp;</div> 
    </div> 
    <div class="dopbsp-bind-middle dopbsp-group0"> 
     <div class="dopbsp-hour">15:00</div> 
     <div class="dopbsp-available">1 available</div> 
    </div> 
    <div class="dopbsp-bind-bottom"> 
     <div class="dopbsp-hour">&nbsp;</div> 
    </div> 
</div> 
<div id="4_16:30" class="DOPBSPCalendar-hour dopbsp-available dopbsp-selected"> 
    <div class="dopbsp-bind-top"> 
     <div class="dopbsp-hour">&nbsp;</div> 
    </div> 
    <div class="dopbsp-bind-middle dopbsp-group0"> 
     <div class="dopbsp-hour">16:30</div> 
     <div class="dopbsp-available">1 available</div> 
    </div> 
    <div class="dopbsp-bind-bottom"> 
     <div class="dopbsp-hour">&nbsp;</div> 
    </div> 
</div>

Это часть таблицы я хочу показать выбранное время под датой:

<table class="dopbsp-cart"> 
    <tbody> 
     <tr> 
     <td class="dopbsp-label">Check in</td> 
     <td class="dopbsp-value">19 February 2015</td> 
     </tr>

А вот мой JQuery:

<script> 
    jQuery(document).ready(function() { 
    jQuery('.DOPBSPCalendar-hour.dopbsp-available').click(function (e) { 
     t = jQuery('.dopbsp-selected .dopbsp-hour').text(); 
     table = jQuery('table.dopbsp-cart .dopbsp-value'); 
     table.first().append("<br>"+t) 
    }); 
    }); 
</script>

Когда пользователь выбрать определенное время, он автоматически добавляет класс: dopbsp-selected. Итак, я хочу принять выбранное время и добавить его ниже даты. Тем не менее, у меня нет никаких ошибок на консоли, и я не могу найти причину, которая не работает.

источник

2015-02-18 Tasos

Какой элемент получает класс 'dopbsp выбранный '? –

Дивы, которые вы нажимаете. Это код. По второму варианту – Tasos

Ваш код, кажется, работает: http://jsfiddle.net/uxy6zxfc/ –

Ваши селекторы неправильно:

jQuery('.DOPBSPCalendar-hour .dopbsp-available').click(function (e) { 
          ^---

означает пространство, которое вы хотите вложенные элементы, первый имеющий .DOBetc..., а затем дочерний элемент с .dobspetc.... Попробуйте

jQuery('.DOPBSPCalendar-hour.dopbsp-available').click(function (e) { 
          ^--- no space

, который указывает «любой элемент с этими двумя классами».

источник

2015-02-18 17:46:19

К сожалению, я не могу заставить его работать даже с этим. И все же у меня нет ошибки. Иногда кажется, что он появляется в течение полувека и просто исчезает. – Tasos

Селектор, который вы используете, неверен.

.DOPBSPCalendar-hour .dopbsp-available

space показывают, что .dopbsp-available вложен в .DOPBSPCalendar-hour

Но что вы хотите .DOPBSPCalendar-hour.dopbsp-available

что означает element имеет как classes

источник

2015-02-18 17:48:35 void

Нажмите на div, возьмите текст и скопируйте его в таблицу

ответ

Смежные вопросы