Search jQuery

jQuery Forum

Screen name:
Buitrako

Buitrako's Profile

4 Posts

6 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Insert a new html element before another
[2Replies]
- 25-Feb-2011 07:32 AM
- Forum: Getting Started
Hi.

I have a td like this:
1. <td id="info">
2. <a href="#" id="linkfirst"> <span id="first">First</span>  </a>
3. <a href="#" id="linkprevious"> <span id="previous">Previous</span>  </a>
4. <a href="#" id="linknext"> <span id="next">Next</span></a>  </a>
5. <a href="#" id="linklast"> <span id="last">Last</span></a>  </a>
6. </td>
I want to remove the two first links and leave only the <span> tags.
I remove the first two elements doing this:
1. $('td#info a').first().detach();
2. $('td#info a').first().detach();
And I'm trying to put the <span> tag doing this:
1. $('#info a').first().prepend('').html('<span id="first">First</span>  ');
But this instruction substitutes the code into the "third" element (now first).
How can I put new HTML code before this element?

Append method without moving?
[2Replies]
- 23-Feb-2011 04:55 AM
- Forum: Getting Started
Hi.

There is no method to append an element to another without moving?

I think that the only solution is to use .html() method. Is this true?

append
[5Replies]
- 21-Feb-2011 11:48 AM
- Forum: Getting Started
Hi.

I have two HTML tables, one with five td elements and another empty. I want to append an element from the fist table on the second table and delete it from the first table.

So here is code:
2. <html>
3. <head>
4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
5. <script type="text/javascript">
6. $(document).ready(function(){
8. });
9. </script>
10. </head>
12. <body>
13. <script>
14. $(document).ready(function(){
15. var numElems = $('#data-source td').length;
16. console.log("Before deleting there are " + numElems + " elements in the original collection");
18. //I try to append one element to the second table and remove it from the first table
19. $('#data-source:nth-child(1)').append('#new_table'); // DOESN'T WORK!
20. $('#data-source td:nth-child(1)').remove(); // Yeah! It works!
21. var numElems = $('#data-source td').length;
22. console.log("After deleting there are " + numElems + " elements in the original collection");
24. //Verification of thing's that doesn't work
25. var numElems2 = $('#new_table td').length;
26. console.log("There are " +numElems2+ " elements in the new collection");
27. $('#new_table').css('display', 'block');
28. });
29. </script>
31. <table id="data-source" align="center">
32. <tr>
33. <td>First element.</td>
34. <td>Second element.</td>
35. <td>Third element.</td>
36. <td>Fourth element.</td>
37. <td>Fifth element.</td>
38. </tr>
39. </table>
40. <table id="new_table" align="center"></table>
42. </body>
44. </html>
My problem is in line 19.
Can anyone help me? Any idea?

Thank you very much.

Any ideas to disordering a table?
[3Replies]
- 20-Feb-2011 05:18 PM
- Forum: Getting Started
Hi, I'm new at the forum and new in jQuery.

I have to alter randomly the order of the td elements of a table. Do you have any idea to do it "quickly"?

My initial idea is:

- Clone the original table (I can't modify it).
- Disorder randomly the elements of the cloned table.
- Show the cloned table.

The actual code is:
2. <html>
3. <head>
4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
6. <script type="text/javascript">
7. $(document).ready(function(){
9. });
10. </script>
11. </head>
13. <body>
15. <script>
16. $(document).ready(function(){
17. 
29. <div id="data-source-container">
30. <table id="new_table"></table>
31. <table id="data-source">
32. <tr>
33. <td>First element.</td>
34. <td>Second element.</td>
35. <td>Third element.</td>
36. <td>Fourth element.</td>
37. <td>Fifth element.</td>
38. </tr>
39. </table>
40. </div>
41. 
42. </body>
43. </html>
Can someone help me a bit disordering the elements?

Thank you very much, and sorry for my english.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend