JS обработку на jquery как сделать?

Question

[k4sus]

Доброго времени суток товарищи, помогите построить логику и как решить данную задачу!

есть такой код:

<div class="dropdown">City</div>
<div class="down-menu">
<ul>
<li><a href="">NYC</a></li>
<li><a href="">LA</a></li>
<li><a href="">London</a></li>
<li><a href="">Manchester</a></li>
</ul>
</div>

у меня при нажатии на блок с CITY открывается
вот этот блок снизу с листом, и мне нужно когда нажимаешь на город(NYC), у меня CITY изменился на $this.text, то есть на тот город на которую собственно я нажал.

Answer 1

[Konstantin Zhikhor]

<div class="dropdown">City</div>
<div class="down-menu" style="display:none;">
<ul>
<li><a href="">NYC</a></li>
<li><a href="">LA</a></li>
<li><a href="">London</a></li>
<li><a href="">Manchester</a></li>
</ul>
</div>

$(function(){
  $(".dropdown").click(function(){
    $(".down-menu").show();
  });
  
  $("a").click(function(event){
	event.preventDefault();
    let city = $(this).text();
    $(".dropdown").text(city);
  });
});

не забудь-те подключить библиотеку jquery

Comments

[fallus]

*text :)

[Konstantin Zhikhor]

fallus, что вам там смешного ?

[k4sus]

Konstantin Zhikhor, вы код свою проверили? ошибки есть

[Konstantin Zhikhor]

k4sus, я предложил свой вариант как можно сделать. пишите какая ошибка и я поправлю

[k4sus]

Konstantin Zhikhor, вот я думаю) я не особо силен. просто редактор пишет, ошибка) проверьте тут https://jsfiddle.net/

[Konstantin Zhikhor]

k4sus, а комментируете так как будь-то 10 опыта в программировании имеете

[k4sus]

Konstantin Zhikhor, я не коментировал, я спросил вы проверили или нет, просто у других(у меня) ошибку показывает. Если у вас все в порядке и вы проверили, соответственно ошибка у меня.

[Konstantin Zhikhor]

<div class="dropdown">City</div>
<div class="down-menu" style="display:none;">
<ul>
<li><a href="">NYC</a></li>
<li><a href="">LA</a></li>
<li><a href="">London</a></li>
<li><a href="">Manchester</a></li>
</ul>
</div>

$(function(){
  $(".dropdown").click(function(){
    $(".down-menu").show();
  });
  
  $("a").click(function(event){
	event.preventDefault();
    let city = $(this).text();
    $(".dropdown").text(city);
  });
});

не забудь-те подключить библиотеку jquery

[k4sus]

fallus, ??

[Konstantin Zhikhor]

k4sus, я вам ответил. ошибок точно нет. только подключите jquery

[Konstantin Zhikhor]

k4sus, я вам в комментарии написал полностью код с html

[fallus]

Ды опечатка была.
Было: test(), а надо — text() (поправили)
Вот и всё. Наверное скопировали с опечаткой, что является ошибкой :)

[Konstantin Zhikhor]

fallus, не все. внимательно посмотрите.

[k4sus]

Konstantin Zhikhor, Константин все корректно сейчас. Благодарю вас. Интересная решения!

[Konstantin Zhikhor]

k4sus, отметьте пожалуйста решением

[fallus]

Konstantin Zhikhor, ?
Код, который в Вашем ответе работает.
Я проверил. Никаких ошибок нет.