Вытащить значения из тегов html

258

11 сентября 2018, 15:30

Имеется подобного вида конструкция:

<div class="col-4 productCard" id="pCard15">
<img class="image" src="ссылка">
<h1 class="titleText">123</h1>
<p class="descriptionText">123</p>
<p class="priceText">321$</p>
<button class="btn btn-success changeProduct" id="changeProduct">Change Product</button>

Как мне вытащить допустим значение h1? Делаю вот так, но не выходит:

var prodName = $("#productCard" + id + " h1.titleText").text();

Answer 1

У вас опечатка, вы ищите по id = #productCard, тогда как у вас у элемента id =pCard15`

var id = 15; 
var prodName = $("#pCard" + id + " h1.titleText").text(); 
 
console.log(prodName);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="col-4 productCard" id="pCard15"> 
  <img class="image" src="ссылка"> 
  <h1 class="titleText">1243</h1> 
  <p class="descriptionText">123</p> 
  <p class="priceText">321$</p> 
  <button class="btn btn-success changeProduct" id="changeProduct">Change Product</button>

Answer 2

Вытащить текст можно есть два способа в JS первый это ниже

innerHTML

Второй

textContent

Также три способа в jQuery

1..text();

2..contents();

3..html();

Пример на чистом JavaScript

let titleText = document.querySelector(".titleText").innerHTML; 
 
console.log(titleText); 
 
let priceText = document.querySelector(".priceText").textContent; 
 
console.log(priceText);

<div class="col-4 productCard" id="pCard15"> 
<img class="image" src="ссылка"> 
<h1 class="titleText">123</h1> 
<p class="descriptionText">123</p> 
<p class="priceText">321$</p> 
<button class="btn btn-success changeProduct" id="changeProduct">Change Product</button>

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

Все вопросы

ТОП-10

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

Сворачивание структуры

Написал вот такое дерево, но как в самом низу убрать горизонтальную линию не могу понять + подскажите, как можно сделать сворачивание- разворачивание...

274

jQuery