Получить html-данные по клику на элемент

221

27 февраля 2018, 04:35

$('input:not(:first)').click(function() { 
  var element1 = $('span').html(); 
  console.log(element1); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="#"> 
  <input id="1" type="radio" name="example"><label for="1">number one <span>50.1</span></label> 
  <input id="2" type="radio" name="example"><label for="2">number two <span>100.5</span></label> 
  <input id="3" type="radio" name="example"><label for="3">number three <span>200.9</span></label> 
</form>

Предполагаю, что это все должно быть связано с this

Answer 1

В вашем случае HTML идет после инпута, поэтому, сначала получим следующий после инпута элемент (метод next()), потом достанем его деток (метод children()), а потом достанем HTML:

$('input:not(:first)').click(function() { 
  var element1 = $(this).next().children().html(); 
  console.log(element1); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="#"> 
  <input id="1" type="radio" name="example"><label for="1">number one <span>50.1</span></label> 
  <input id="2" type="radio" name="example"><label for="2">number two <span>100.5</span></label> 
  <input id="3" type="radio" name="example"><label for="3">number three <span>200.9</span></label> 
</form>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Js/Jq разница между $(this) и this

Здравствуйте, подскажите в чем разница между передачей элемента в on click:

218

jQuery

помогите с расширением пожалуста

это расширение выделяет три слова на любой странице (яблоко,лимон,киви)но вот проблема когда эти значения ввёдаться в гугле или в любом другом...

180

HTML

Главная страница в Open Server

Есть сайт и Open Server я смог связать домен и свой IP в локальной сети,но к сожалению он открывает папку,а мне нужно что бы он открывал главную страницу,как...

249

HTML

Разбор HTML-кода

Имеется код выпадающего меню:

184