Javascript / HTML分配值

Question

I am having a problem with some Javascript/HTML/CSS code. I am fairly new to creating websites, so please bear with me.

what I am ultimately trying to do is pull a dynamic value from javascript and use that to sort some divs (in a container). What I am thinking is I will assign the value to the Id and then pull those into an array to be sorted by tinysort. If there's a faster way to do this, let me know.

However, my first problem is putting the data into the id so it can be sorted. Would I do something like

document.getElementById(namesort).value = iterator;

or would I use something like myData ?

Note: I don't want to display the value, I just want to use it to sort.

Please ask for clarification if needed! Thanks in advance. :)

Here is the applicable code to this problem. http://jsfiddle.net/dw77hLyp/1/

It just basically shows a very basic outline of some of my code.

Answer 1

Without JQuery. You can create your attribute :

 document.getElementById(namesort).createAttribute('myData');
     document.getElementById(namesort).setAttribute("myData","hello Im in");

Answer 2

Pure JS Solution:

for( i = 0 ; i < iterator.length ; i++ ) {
    document.getElementsByName('namesort')[i].setAttribute('data-sort',iterator[i]);
}

That way you add each of those elements an attribute called data-sort where the iterator as a value, then could create an array insert all the namesort elements to it, use the sorting algorithm and you're done.

Answer 3

document.getElementById("divID").innerHTML="someContent";