Change specific tags in a div tag using jQuery

Question

I have a div tag:

<div id="content"><p></p><a href="#"></a></div>

I want to insert dynamically different content into the <p> tag and also into the href attribute of the <a> tag.

I am using jQuery.

The jQuery API documentation is pretty extensive. You should have a look at it some time: api.jquery.com. A jQuery tutorial might be helpful as well: docs.jquery.com/Tutorials:Getting_Started_with_jQuery. — Felix Kling
– Felix Kling, Commented Jan 19, 2013 at 15:42

VisioN · Accepted Answer · 2013-01-19 15:29:25Z

4

As easy as:

$("#content > p").html("Some content");
$("#content > a").prop("href", "/new/link.html");

Or in chain:

$("#content")
  .find("p").html("Some content")
    .end()
      .find("a").prop("href", "/new/link.html");

answered Jan 19, 2013 at 15:29

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user550413 Over a year ago

Thanks! If I have 2 tags like <a href="#" class="blue one"></a><a href="#" class="red one"></a> how can I change only one of them?

VisioN Over a year ago

@user550413 You class selectors: $("#content a.blue").prop(...);.

user550413 Over a year ago

I tried it but because my class has spaces in it's name (I use it in css) it doesn't work.

VisioN Over a year ago

@user550413 Class name can't have spaces. Spaces split different classes set to the element, i.e. class="blue red" means that element has both CSS classes blue and red.

user550413 Over a year ago

I figured it out. Many Thanks!

Collectives™ on Stack Overflow

Change specific tags in a div tag using jQuery

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related