Не работает селектор this

02 декабря 2020, 06:30

Мне нужно взять значение из заголовка и вставить его в значение атрибута

Но в каждом посте есть свой заголовок и мне нужно чтобы он для каждого поста вставлял свое занчение

// Post Headline
let post = $('.post');
let headline = post.find('h3').text();
post.ready(function(){
    $('.post').attr('data-headline', headline);
});

Answer 1

$('.post').attr('data-headline', function () { return $(this).find("h3").text() })

.post::before { 
  content: attr(data-headline) "\a0"; 
  color: red; 
  float: left; 
}

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<div class=post><h3>abc</h3></div> 
<div class=post><h3>efg</h3></div> 
<div class=post><h3>hij</h3></div>

Создание интернет-магазина строительных материалов в ABCname

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

Все вопросы

ТОП-10

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

Проверка input на наличие цифр

По задумке этот код должен выводить "hi", если строка состоит из цифр, но он выводит "hi" и в таких ситуациях 45645gh4, когда первый символ строки цифраМне...

111

javascript