Databases
StackOverflow2013
Postsdbo
POJquery wrapping poorly formatted HTML
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery wrapping poorly formatted HTML
    primarykey
    data
    text
    <p>I have some extremely poorly formatted HTML code, where each element in a table is a row. I want to group the sub-elements a little easier, by adding some HTML to the page. Here is a small example of the HTML:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;Test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table width="100%"&gt; &lt;tr class="heading"&gt; &lt;td&gt;value 1&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 1&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 1&lt;/td&gt; &lt;/tr&gt; &lt;tr class="heading"&gt; &lt;td&gt;value 2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 2&lt;/td&gt; &lt;/tr&gt; &lt;tr class="heading"&gt; &lt;td&gt;value 3&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 3&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;​ </code></pre> <p>I'd like to wrap each of the rows with a class of heading, with another tr or div or really anything to allow me to grab the sub-elements a bit easier. I've tried various combinations of before, html, etc.. yet I can't seem to get this to work.</p> <p>Here is a <a href="http://jsfiddle.net/XPNFf/" rel="nofollow">jsfiddle</a> that I've put together. Any way to wrap the the tr values with a class of heading? For example, I'd like to grab the 3 rows with class heading in the sample HTML. I'd like to prepend that first row with some HTML, and close it before the start of the second row. I would repeat that process for each row (open a tag and close it before the next row), on the final row I would simply close it.</p> <p>So the output I would like is:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;Test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table width="100%"&gt; &lt;SOME_TAG&gt; &lt;tr class="heading"&gt; &lt;td&gt;value 1&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 1&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 1&lt;/td&gt; &lt;/tr&gt; &lt;/SOME_TAG&gt; &lt;SOME_TAG&gt; &lt;tr class="heading"&gt; &lt;td&gt;value 2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 2&lt;/td&gt; &lt;/tr&gt; &lt;/SOME_TAG&gt; &lt;SOME_TAG&gt; &lt;tr class="heading"&gt; &lt;td&gt;value 3&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;sub 3&lt;/td&gt; &lt;/tr&gt; &lt;/SOME_TAG&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;​ </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USScott
    1. USScott
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJquery wrapping poorly formatted HTML
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJquery wrapping poorly formatted HTML
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POJquery wrapping poorly formatted HTML
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat are you trying to do? You cannot wrap `TR` with a `DIV`. A `TR` can be wrapped inside a `THEAD`/`TBODY`/`TFOOT`. Tell us what you are trying to do.. and which sub-elements you are trying to access?
      singulars
      1. POJquery wrapping poorly formatted HTML
      1. USSelvakumar Arumugam
    2. COI can't figure out how this would make your life easier. Why not just use `tr.heading:eq(0)`, `tr.heading:eq(1)` and then use sibling selectors? I suspect the answer is to learn the full range of jQuery's selectors, not munge up your HTML with a bunch of useless wrapper classes.
      singulars
      1. POJquery wrapping poorly formatted HTML
      1. USmeagar
    3. COI'm using selenium to basically parse this page and grab information about each of the elements. To reliably do that, I need to add this information to make it "parseable", otherwise the logic becomes quite dirty to figure out when I've moved onto the next element.
      singulars
      1. POJquery wrapping poorly formatted HTML
      1. USScott
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload