Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The return of <code>this.each</code> is always <code>this</code> which is not modifiable and in your case is the list of selected elements that you call .Plugin() on. In your case, you do not want to simply return the list of elements that was selected...but an altered list. (You are 100% correct that your returns inside the .each loop aren't doing anything to affect the return of this.each itself.)</p> <p>If you define your variable outside the <code>this.each</code> loop to collect your new list of dom elements, <strong>add</strong> the correct dom elements inside the loop (see note 1), and then return the new list of elements outside the loop, you will see the results you want. However, there are several gotchas here.</p> <p>Note 1: The reason we use this.each for plugin processing is because the selectors can return multiple elements. You will need to collect a new list of elements since you are basically going to return a different set of elements than the selector selected whenever there is a non-p tag included. The case to consider is <code>$('div.myDiv, p.myP').Plugin()</code> which selects multiple elements with different tag types.</p> <p>One of the main gotchas is that we often set styles on the element we are selecting or even use the id to help identify the dom element that the plugin is attached to. By altering the dom element that is the root of the plugin there can be a lot of problems with location of css or ids that would need to be addressed or at least considered. </p> <p><em>(I am not suggesting that it cannot be done, especially if you are just converting something that you are already using versus building a plugin for general use by others--just that it brings up a lot of prickly issues.)</em></p> <pre><code>(function($) { var methods = { init: function(options) { var mes; this.each(function () { var me; if($(this).prop('tagName') != 'P') { $(this).append('&lt;p&gt;&lt;/p&gt;'); me = $(this).children('p'); } else me = $(p); } mes.push(me); return mes; }, ... other methods ... }; $.fn.Plugin = function (method) { if (methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (typeof method === 'object' || !method) { // Run Init return methods.init.apply(this, arguments); } else { $.error('Method ' + method + ' does not exist on jQuery Plugin'); } }; } (jQuery)); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POReturning the correct element in jQuery Plugin
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USpurgatory101
    1. USpurgatory101
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POReturning the correct element in jQuery Plugin
      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. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI did happen to solve the issue. Referring to your note, I certainly understand the prickly issues involved. This plugin does not modify root elements at all. Further, the nature of the elements that it creates are that they are very temporary animations. I've come up now with 3 solutions... I just had to think outside the return this.each box
      singulars
      1. PO
      1. USFuzzical Logic
    2. COAs your solution is certainly one of the solutions that I came up with, you deserve the "accepted answer". I will also supplement with my own answer afterwards.
      singulars
      1. PO
      1. USFuzzical Logic
    3. COThanks, I appreciate the clarification. I believe I have some sense of what you are doing now. Good luck and I look forward to seeing your full solution.
      singulars
      1. PO
      1. USpurgatory101
 

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