CODEWITHSUNDEEP
jqueryhtml
newbie
newbie

Reputation: 55

jQuery - How to get text from div > p

How to get the subject name from within a div class?

<div class="subject "><img src="image/eng.jpg"/><p>English</p></div>
<div class="subject "><img src="image/bio.jpg"/><p>Biology</p></div>
<div class="subject "><img src="image/math.jpg"/><p>Mathematic</p></div>
<div class="subject "><img src="image/sci.jpg"/><p>Science</p></div>

So, expected result: You select English subject / You select Science subject

$(document).ready(function() {
    $(".subject ").click(function(){
         // the script will declare here.
         alert('You are select'+subject+'subject ');
});

Upvotes: 0

Views: 107

Answers (1)

j08691
j08691

Reputation: 207901

$(".subject ").click(function() {
  // the script will declare here.
  alert('You are select ' + $(this).find('p').text() + ' subject ');
});
div {
  border:1px solid #999;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="subject ">
  <img src="image/eng.jpg" />
  <p>English</p>
</div>
<div class="subject ">
  <img src="image/bio.jpg" />
  <p>Biology</p>
</div>
<div class="subject ">
  <img src="image/math.jpg" />
  <p>Mathematic</p>
</div>
<div class="subject ">
  <img src="image/sci.jpg" />
  <p>Science</p>
</div>

Upvotes: 1

Related Questions