Jsoup remove div with specific class

Question

I have a list in jsoup , for example:

 Elements tbody = new Elements(); 

tbody might look like this ( ---- separates the elements in the tbody list):

 <td> <div data-emission="56b2140adb6da7bf3cbf6228" class="mainCell"> <a href="/tv/weather-country-12457/"> <span class="left">16:00</span> <div> <p>Weather - country</p> </div> </a> </div> <div data-emission="56b2140adb6da7bf3cbf6237" class="mainCell shows pending"> <a href="/shows/that's-70-show-550347/epi1201/"> <span class="left">16:10</span> <div> <p>That 70 show</p> <span class="info">epi. 1201, Show</span> </div> <p class="onAir"> <span>Pending</span> <u></u> <u style="width: 5%"></u> </p> </a> </div> </td> --------------------------------------------------------------------------- <td> <div data-emission="56b23876db6da7bf3cbf6588" class="mainCell pending"> <a href="/tv/weather-563806/"> <span class="left">16:10</span> <div> <p>Weather</p> </div> <p class="onAir"> <span>Pending</span> <u></u> <u style="width: 51%"></u> </p> </a> </div> <div data-emission="56b23876db6da7bf3cbf6589" class="mainCell"> <a href="/tv/animal-cops-2615/"> <span class="left">16:15</span> <div> <p>Animal Cops</p> <span class="info">epi. 3079, Show</span> </div> </a> </div> <div data-emission="56b23876db6da7bf3cbf658a" class="mainCell shows"> <a href="/show/house-md-1601/odc137/"> <span class="left">16:30</span> <div> <p>House MD</p> <span class="info">epi. 137, Show</span> </div> </a> </div> </td> --------------------------------------------------------------------------- <td> <div data-emission="56b213b3db6da7bf3cbf61a1" class="mainCell movies pending"> <a href="/movie/star-trek-564170/"> <span class="left">16:00</span> <div> <p>Star Trek</p> <span class="info">Movie</span> <span class="szh prem">| Premiere</span> </div> <p class="onAir"> <span>Pending</span> <u></u> <u style="width: 21%"></u> </p> </a> </div> </td> 

My goal is to remove every movie / show pending / onAir. Therefore, in this example, I would like to get rid of the whole div , which has:

• that 70 show
• weather
• star trek

fe:

 for(int i = 0; i < tbody.size(); i++){ tbody.get(i).select("div").select("p").select(".onAir").remove(); } 

It only removes the element itself, not the whole div . I tried in many ways, but to no avail. I would appreciate any help.

Answer 1

Pending impressions also seem to carry the pending css class. If this is true for all cases, you can do it very simply:

 doc.select("td>div.pending").remove(); 

This will remove all pending div elements from the doc document. if they are direct children of the td element.

Alternatively, you can use your approach and filter for the p element with the correct onAir class and inner text:

 doc.select("td>div:has(p.onAir:contains(Pending))").remove(); 

See CSS selector syntax to understand the power of Jsoup.

Answer 2

Try to execute a code snippet.

 Elements mainCells = tbody.select("div.mainCell"); for(int i = 0; i < mainCells.size(); i++){ Elements mainCellsP = mainCells.get(i).select("div").select("a").select("p"); if (mainCellsP.size() == 2) { // Remove this node from DOM tree mainCells.get(i).remove(); } } 

First, select the appropriate node that you want to remove, and then call the remove () method of the node.