Solved

jQuery: Tallest paragraph

Posted on 2012-03-16
1
538 Views
Last Modified: 2012-03-18
Using jQuery, how can I find the height of the tallest matching paragraph?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
 alert('The tallest paragraph inside div.xyz is ???? pixels high.');
});

</script>

<style type="text/css">
p {
width: 100px;
border: 1px solid red;
padding: 10px;
margin: 10px auto;
}
</style>

</head>
<body>

<div class="xyz">
 <p>a</p>
 <p>abc</p>
 <p>gfhreer kjewhq kjeqwh kjeqwh kqewh ejkwq heqwkj eqwh keqwh jkheqwjk heqwkjeqwhkew jkeqwh kjeqw kjeqwr qwer</p>
 <p>dfadsfadsfds asd ads jdsakl jdskl jasdlkjasdfkas adfsc</p>
</div>

</body>
</html>

Open in new window

0
Comment
Question by:hankknight
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 8

Accepted Solution

by:
Ben McNelly earned 500 total points
ID: 37730926
Well you are going to have to get the cords for all p elements and then compare them.

I bet you could use the built in position ( http://docs.jquery.com/UI/Position ) method to figure this out..

I will see if I can whip something up when I get time this weekend, but maybe another helpful expert will come along (cough* COBOLdinosaur) and help out in the mean time today.
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Google Tag Manager - Add Trigger Using Div class 22 62
Html split(text) Part2 6 25
PHP Web Development 6 29
isNaN issue on the Table input text 2 8
In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question