CODEWITHSUNDEEP
htmljqueryelement
testtest
testtest

Reputation: 35

Using jquery to have one html element point to another

I am new to jquery and was wondering how I can point one html element equal to another. I want to make it so that whenever something in the h2 tag changes, the text within the p tags will copy the change. Below is how my tags are set up within the class fc-center.

 var title = $('div.fc-center h2').text();
 $('.fc-center').append('<p>'+'' +'</p>');

with the html looking something like

<div class = 'fc-center'>
<h2> text text</h2>
<p> </p>
</div>

essentially what I want to do is something like this :

$('div.fc-center p').equalto $('div.fc-center h2')

But I am not quite sure how to go about it

Upvotes: 1

Views: 138

Answers (1)

julian0018
julian0018

Reputation: 33

I propose this solution:

 var title = $('.fc-center').find('h2').text();
 
 var elementsP=$('.fc-center').find('p');
 
 if (elementsP.length > 0) {
 
   $.each(elementsP, function(i, val) {
   
    $(this).empty().html(title);
    
   });
   
 }

https://jsfiddle.net/julian9319/grc0y6qf/1/

Upvotes: 1

Related Questions