Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Developing jQuery Core

jaguar4adc

Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

in Developing jQuery Core • 8 years ago

Hello.

I came to issue with tables when was trying to use selectors at <td> tags when have rowspan and colspan. There is no way to do correct and flexible selection. For example I have a table:

<table>
<tr>
<td rowspan="2">Element 1</td>
<td>Element 2</td>
<td>Element 3</td>
</tr>
<tr>
<td>More element 2</td>
<td>More element 3</td>
</tr>
</table>

In this situation, I have a table with rowspan and trying to do selection:

$("tr").each( function() {
$("td:first", this).addClass("first");
});

And getting this result:

<table>
<tr>
<td rowspan="2" class="first">Element 1</td>
<td>Element 2</td>
<td>Element 3</td>
</tr>
<tr>
<td class="first" >More element 2</td>
<td>More element 3</td>
</tr>
</table>

Is there any way to have jQuery to be more smart in similar situations with tables and rowspan/colspan selecting process? For example, to use some kind flag to do needed selection?

Thank you very much in advance!

Regards,

Max

Replies(5)

jakecigar

Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

8 years ago

What resultant html do you want?

JΛ̊KE

jaguar4adc

Re: Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

8 years ago

Coming from logic of table visualization:

<table>
<tr>
<td rowspan="2" class="first">Element 1</td>
<td>Element 2</td>
<td>Element 3</td>
</tr>
<tr>
<td>More element 2</td>
<td>More element 3</td>
</tr>
</table>

Because "<td>More element 2</td>" is not first column in table, it is second cell in those row.

This functionality is really needed, as there are situations when it is needed to have correct cells indexing.

Regards,

Max

Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

8 years ago

It’s been asked before! jQuery select visual column in table with rowspan - Stack Overflow

The accepted answer may be just what you need.

JΛ̊KE

jaguar4adc

Re: Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

8 years ago

Yes, I've found your post before. And I liked the idea of:

http://www.bramstein.com/projects/column/

I even created my own similar functionality add-on.

But wanted to propose to add those functionality to the jQuery selectors Core. As really, it should be inside core selectors functionality. I am sure, that there are better ways realization of those selector functions.

Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

8 years ago

It’s not mainstream enough to make it into the core. Many other great ideas were not added for the same reason.

Publish your plugin and ask for comments on making it more robust or faster or better integrated with the core.

JΛ̊KE

Statistics

5 Replies
8735 Views
1 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

Replies(5)

Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

Re: Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

Re: Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

Re: Incorrect selecting process at tables <td> when used rowspan or colspan (:first, :last, :nth-child, etc.)

Statistics

Tags

Actions