Search jQuery

jQuery Forum

Using jQuery

itchybrain

How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

in Using jQuery • 9 years ago

$("ol.commentlist > li").each(function(){

var a = $(this).attr("id");

var b = $("ol.commentlist > li[id='"+a+"']");

var c = $("ol.commentlist > li > div.comment-body div > p a").attr("href");

var d = $("ol.commentlist > li > div.comment-body div > p a[href='"+c+"']");

var e = document.createElement("ul");

var f = $(d).parent().parent().parent().parent();

if("#"+a==c){

$(e).addClass("children").appendTo($(b));

$(f).appendTo(e);

This would do the trick as long as the matching <li> element is right beneath the one it matches.

Is there another way to sort them?

Replies(5)

jakecigar

Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

9 years ago

Before I attempt an answer.

Is this what your html looks like?

<ol class="commentlist">
<li id="c">
<div class="comment-body">
<p>
<a href="#a"> a </a>
</p>
</div>
</li>
<li id="a">
<div class="comment-body">
<p>
<a href="#b"> b </a>
</p>
</div>
</li>
<li id="b">
<div class="comment-body">
<p>
<a href="#c"> c </a>
</p>
</div>
</li>
</ol>

and you want to return html like

<ul class="commentlist">
<li id="a">
<div class="comment-body">
<p>
<a href="#b"> b </a>
</p>
</div>
</li>
<li id="b">
<div class="comment-body">
<p>
<a href="#c"> c </a>
</p>
</div>
</li>
<li id="c">
<div class="comment-body">
<p>
<a href="#a"> a </a>
</p>
</div>
</li>
</ul>

But not in the DOM, you want it in a variable?

itchybrain

Re: Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

9 years ago

You can see how it looks here.

I don't understand why the last one doesn't go where I want it to.

jakecigar

Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

9 years ago

Your sort seems out-of-sort. Sorting the <li>s by id and then by anything else is a waste of time, because an id is unique.

It looks to me that you want to change the display from a straight list to a threaded list. If so this code does it

$(function(){
$('ol.commentlist li').each(function(){
var li=this
$('>div>div:not(class)>p a[href^="#"]',li).each(function(){
// move the guts of this li
$('br',li).remove()
var destination=$($(this).attr('href'))
$(this).remove()
if (!$('ul',destination).length){
$('<ul></ul>').appendTo(destination)
}
$('ul',destination).append(li)
})
})
})

itchybrain

Re: Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

9 years ago

Thank you like...so much. If I was stinking rich, I'd give you a million dollars right now.

jakecigar

Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

9 years ago

You’re very welcome! I hope you can run with the idea and modify it to make it perfect for your needs.

Top Reply

Response title

Attachments

jQuery Forum

How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

Replies(5)

Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

Re: Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

Re: Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

Re: How to sort <li>s by id and by another's href, then add it into it wrapped in a <ul>?

Statistics

Tags

Actions

Related Posts