Search jQuery

jQuery Forum

TypeINT.c..

Live element lists

in Using jQuery • 6 years ago

I would find live element lists very useful. What is a live element list? Say i do $('tr'). This will select all of the <tr>s in the document at the time of calling. But what if i want to set that to a variable, and call the variable at different times? I would like something like this: $.liveList('tr'), which would return a live list.I don't know if this is technically possible/feasible, but jQuery has some code i know i never could have written, so just maybe. :)

I suppose a simple solution for now would be to do

var TRs = function(){return $('tr')};
TRS().css('color','green')

(My actual current use-case has a more complex selector. :P)

Replies(4)

jakecigar

Re: Live element lists

6 years ago

Is this what you want?

$.liveList = function(selector) {
return function(){ return $(selector) }
}
var TRs =$.liveList('tr');
TRs().css('color','green')

JΛ̊KE

TypeINT.c..

Re: Live element lists

6 years ago

Possibly.

What i was really looking for is something like this, that doesn't need to be called as a function.

jakecigar

Re: Live element lists

6 years ago

jQuery does not deal with nodeLists that way. Sorry.

You could write a very large plugin that implements a live jQuery selection. In fact there are several out there.

I think the best way is to use a normal variable, and just update it when you change the DOM.

JΛ̊KE

TypeINT.c..

Re: Live element lists

6 years ago

I did a bit of experimentation, and learned about getters and setters. I wrote the following snippet, except that it only partially works.

;(function($){
var livelist = [];
Object.defineProperty($, 'livelist', {
enumerable: true,
set: function(prop){
livelist.push(prop);
return $.livelist;
},
get: function(){
var obj = {};
for (var i = 0; i < livelist.length; i++) {
obj[livelist[i]] = $(livelist[i]);
}
return obj;
}
});
})(jQuery);

Usage is like

$.livelist = 'tr'; // listens for <tr> elements
$.livelist['tr'].text('I\'m a <tr>!')

That works fine. The problem is with setting `$.livelist['tr']` to a variable. Then, it sets the variable to the return value, instead of the actual getter/setter functions.

Top Reply

Response title

Attachments

jQuery Forum

Live element lists

Replies(4)

Re: Live element lists

Re: Live element lists

Re: Live element lists

Re: Live element lists

Statistics

Tags

Actions