SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Is it possible to use the Client Object Model or jQuery to get a list of the SharePoint 2010 web parts on a certain part of the page, say those in the DIV #main-content? To be more specific, I'd like to get a handle to the container for each web part in that DIV. Thanks.

share|improve this question
up vote 1 down vote accepted

I didn't see the #main-content div in a SharePoint 2010 web part page. If this is a custom master page and you have it, you could use a jQuery selector like this:

//Set the background color to grey of all web parts in the zone
$('#main-content .s4-wpcell-plain').css('background-color', '#f0f0f0');

It would return a collection of td elements that define the web parts in the zone.

<td class="s4-wpcell-plain" id="MSOZoneCell_WebPartctl00_m_g_c2b421fb_cee5_4562_b2db_6a4adcc2c0e6" vAlign="top" nodeIndex="1" sizcache="2" sizset="22">

To loop through each td element that was selected:

$('#main-content .s4-wpcell-plain').each(function(){

    //update the header color
    $(this).find('.ms-WPHeader').css('color', 'red');


Alternatively, to iterate through all web parts on the page, you could remove #main-content from the selector:

//Set the background color to grey of all web parts on the page
$('.s4-wpcell-plain').css('background-color', '#f0f0f0');
share|improve this answer
Thanks, Panter. This is exactly what I needed! How did you know to use the .s4-wpcell-plain in the maze of different containers around a web part? – Alex C Nov 10 '11 at 12:47
I had some help from the IE Developer Toolbar. In the html snippet above, it was the value of the id attribute that made it a good choice. Glad it helped. – Panter Nov 10 '11 at 14:31

I have a Codeplex project that does just that:

It's only version 0.0.1, but works quite well. Of course, it's an overkill in your case, but it could be useful if you need to do other stuff with the Web Parts in the future. As you can see from the documentation, it retrieves for each Web Part the header, body and container.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.