Получение .closest () div id

Question

Получение .closest () div id

0

Я пытаюсь реализовать код, указанный в этом ответе. Я хотел бы еще больше упростить его, используя closest() чтобы найти id ближайшего div и использовать его как местоположение, но он не работает - я просто получаю "undefined" в своем текстовом поле.

Здесь сценарий:

function updateDetails(date) {
    var loc = $(this).closest("div").attr("id");

    $('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});    

    document.getElementById('date').value= date; 
    document.getElementById('venue').value= loc;   

    $('#resicheck').attr('disabled', true);
}

Здесь (упрощенная) разметка:

<div id="Philadelphia">
    <a href="javascript:updateDetails('20-24 January');">20-24 January</a>
</div>

Что я делаю не так?

ElendilTheTall 02 дек. 2013, в 12:56

Источник

0

В атрибуте href? - Работает, потому что обновляет ввод даты.
ElendilTheTall 02 дек. 2013, в 11:20
0

Вы уверены, что $(this) - это то, что вы ожидаете?
Syjin 02 дек. 2013, в 11:21
0

@Syjin Нет, как я могу проверить? Я пытался заменить this на 'a' .
ElendilTheTall 02 дек. 2013, в 11:23
0

@ElendilTheTall вы можете проверить, используя ... консоль! this относится к объекту окна, так как href не создает закрытие функции
A. Wolff 02 дек. 2013, в 11:25
0

@elendilthetall вы можете войти в консоль с console.log(this) . Я думаю, что ответ madskunk должен работать просто отлично для вас ...
Syjin 02 дек. 2013, в 11:27
0

@ A.Wolff @syjin console.log (this) возвращает Window {top: Window, window: Window, location: Location, external: Object, chrome: Object… т. Д.
ElendilTheTall 02 дек. 2013, в 11:30

Показать ещё 4 комментария

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

В атрибуте href? - Работает, потому что обновляет ввод даты.
Вы уверены, что $(this) - это то, что вы ожидаете?
@Syjin Нет, как я могу проверить? Я пытался заменить this на 'a' .
@ElendilTheTall вы можете проверить, используя ... консоль! this относится к объекту окна, так как href не создает закрытие функции
@elendilthetall вы можете войти в консоль с console.log(this) . Я думаю, что ответ madskunk должен работать просто отлично для вас ...
@ A.Wolff @syjin console.log (this) возвращает Window {top: Window, window: Window, location: Location, external: Object, chrome: Object… т. Д.

Rituraj ratan · Answer 1 · 2013-12-02T09-47-00.000Z

в HTML

вы не приняли this

<div id="Philadelphia">
 <a href="javascript:updateDetails('20-24 January',this);">20-24 January</a>
</div>

IN JS

function updateDetails(date,this) {
               var loc = $(this).closest("div").attr("id");
               $('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});    
               document.getElementById('date').value= date; 
               document.getElementById('venue').value= loc;   
               $('#resicheck').attr('disabled', true);
            }

и jquery вам нравится очень просто

Теперь в html

<div id="Philadelphia">
    <a href="#">20-24 January</a>
</div>

В JS

$("#Philadelphia").on("click","a",function(e){
 e.preventDefault();
var date=$(this).text();
   var loc = $(this).closest("div").attr("id");
                   $('#buy-form').animatescroll({scrollSpeed:700,easing:'easeInOutSine'});    
                   $('#date').val(date); 
                   $("#venue").val(loc);   
                   $('#resicheck').attr('disabled', true);
});