Databases
StackOverflow2013
Postsdbo
POHTML5 data, arrays and .push - weird conflict
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML5 data, arrays and .push - weird conflict
    primarykey
    data
    text
    <p>So I'm trying to figure out why when I push a value to a parent object, child objects with that.</p> <p>html:</p> <pre><code>&lt;div id="parent" class="things" data-tallest="[]"&gt; &lt;div id="child1" class="things" data-tallest="[]"&gt; I'm a child &lt;/div&gt; &lt;div id="child2" class="things" data-tallest="[]"&gt; I'm another child &lt;/div&gt; &lt;/div&gt; </code></pre> <p>js:</p> <pre><code>somearray = ["child1", "child2"] $(".things").data("tallest",[]) for (var i = 0; i &lt; somearray.length; i++) { tocheck = somearray[i] newarray = $("#"+tocheck).parent().data("tallest") newarray.push(20); $(tocheck).parent().data("tallest",newarray) } console.log("Child 1 'tallest': "+$("#child1").data("tallest")); </code></pre> <p>See this fiddle (problem is noted in console log):</p> <p><a href="http://jsfiddle.net/cTY3H/3/" rel="nofollow">http://jsfiddle.net/cTY3H/3/</a></p> <p>What SHOULD happen is I iterate through the array and twice push "20" onto the parent object <code>$("#parent")</code>'s data-tallest array. It should result in [20,20]. Instead, both of the child objects get the value [20,20] pushed into their array instead. The child objects should never get anything assigned to them. </p> <p>Edit: clarification</p> <p>Any guesses?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCalciphus
    1. USCalciphus
    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
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHTML5 data, arrays and .push - weird conflict
      1. This table or related slice is empty.
      1. VTDownMod
    1. COCongratulations to you, @thenewseattle, for the least helpful and most judgemental answer I've ever gotten on Stack Overflow. A few points of clarification: 1 - This is not a homework assignment. I'm seeing bizarre behavior when I assign a value using jQuery's .data() method. I can't find any documentation from jQuery or elsewhere that explains why a child object would get a data value assigned to its parent. 2 - I've provided a jsfiddle that clearly and cleanly reproduces the error. At no point in that javascript is a value assigned to #child1, but it gets a value anyway.
      singulars
      1. POHTML5 data, arrays and .push - weird conflict
      1. USCalciphus
    2. COBecause in the real situation, the data is loaded from a Rails backend and written and read by numerous different scripts. It can be updated by a number of different sources (including Faye), so it's acting as a variable storage that is attached to a specific object on in the DOM, objects which get created and destroyed frequently. Using the HTML5 data-* attributes for initial variable load and then updating them seems to be the right method.
      singulars
      1. POHTML5 data, arrays and .push - weird conflict
      1. USCalciphus
    3. COThat isn't relevant here. Unless you can explain why using jQuery's `.parent().data()` methods assigns values to not only a parent object but all child objects, I don't think you can help me. I'll just find another way to do this.
      singulars
      1. POHTML5 data, arrays and .push - weird conflict
      1. USCalciphus
 

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