Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><code>d3.select(".cell")</code> already selects the first matched element:</p> <blockquote> <p>Selects the first element that matches the specified selector string, returning a single-element selection. If no elements in the current document match the specified selector, returns the empty selection. If multiple elements match the selector, only the first matching element (in document traversal order) will be selected.</p> </blockquote> <p>Source: <a href="https://github.com/mbostock/d3/wiki/Selections#wiki-d3_select" rel="nofollow noreferrer">https://github.com/mbostock/d3/wiki/Selections#wiki-d3_select</a></p> <h3><em>"How would I get the last item?</em>"</h3> <p>D3 appears to return the results of <code>d3.selectAll()</code> in a collection, positioned in an array. For instance, requesting all paragraphs on the <a href="http://d3js.org/" rel="nofollow noreferrer">d3 homepage</a> results in:</p> <pre class="lang-js prettyprint-override"><code>[ Array[32] ] // An array with a single array child. Child has 32 paragraphs. </code></pre> <p>So if we wanted to get the last paragraph from that collection, we could do the following:</p> <pre class="lang-js prettyprint-override"><code>var paragraphs = d3.selectAll("p"); var lastParag = paragraphs[0].pop(); </code></pre> <p>Or more concisely:</p> <pre class="lang-js prettyprint-override"><code>var obj = d3.select( d3.selectAll("p")[0].pop() ); </code></pre> <h3><em>"What about :last-child?"</em></h3> <p>The <code>:last-child</code> selector isn't the same as getting the last element on a page. This selector will give you the elements that are the last child of their parent container. Consider the following markup:</p> <pre class="lang-html prettyprint-override"><code>&lt;div id="foo"&gt; &lt;p&gt;Hello&lt;/p&gt; &lt;p&gt;World&lt;/p&gt; &lt;div&gt;English&lt;/div&gt; &lt;/div&gt; &lt;div id="bar"&gt; &lt;p&gt;Oie&lt;/p&gt; &lt;p&gt;Mundo&lt;/p&gt; &lt;div&gt;Portuguese&lt;/div&gt; &lt;/div&gt; </code></pre> <p>In this example, running <code>d3.select("p:last-child")</code> won't return any of your paragraphs. Even <code>d3.selectAll("p:last-child")</code> won't. Neither of those containers have a last child that is a paragraph (they are <code>&lt;div&gt;</code> elements: <code>&lt;div&gt;English&lt;/div&gt;</code> and <code>&lt;div&gt;Portuguese&lt;/div&gt;</code>). </p>
    singulars
    1. This table or related slice is empty.
    1. POWhat is the equivalent of jQuery's $(".cell:first") in D3?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USIlya V. Schurov
    1. USSampson
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POWhat is the equivalent of jQuery's $(".cell:first") in D3?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COok, what if I wanted `.cell:last`?
      singulars
      1. PO
      1. USnachocab
    2. CO@nachocab See my updates.
      singulars
      1. PO
      1. USSampson
    3. COThanks for your answer Jonathan. Maybe I was confused in thinking that there was a selector called `:first`, as there is one called `:first-child`, so in D3 I can do `d3.selectAll(".cell").filter(":first-child")`, so I guess `:first` is jQuery specific. For your answer I would still have to do `d3.select(lastParag)` to be able to use it as a D3 object
      singulars
      1. PO
      1. USnachocab
 

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