Jump to content

Filter div by row


sasberrie2

Recommended Posts

Hi

 

I have a page with multi-column rows, and I want to filter the rows.

 

This is what I have right now

<div class="container-fluid">
	<div class="row">
		<div class="col-md-2"><button class="timebutton" disabled="disabled" type="button">7:30am</button>
		</div>
		<div class="col-md-10"><div class="description-container"><details>
<summary><span class="txt-lg" style="font-weight: bold;">Registration and Breakfast</span>
<span style="color: #f37322; font-weight: bold;">Main Room</span>
&nbsp;
Continental breakfast served at registration.</summary>
</details></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-2"><button class="timebutton" disabled="disabled" type="button">4:30pm</button>
		</div>
		<div class="col-md-10"><div class="description-container"><details>
<summary><span class="txt-lg" style="font-weight: bold;">Name of the First Session at the Event</span>
<span style="color: #f37322; font-weight: bold;">Room 27363</span>  |  <span style="color: #36454f; font-weight: bold;">Joe Bloggs</span>
&nbsp;
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit ante magna, id fringilla ex venenatis vitae. Etiam fringilla placerat lectus non tempus. Suspendisse sollicitudin, lorem quis finibus eleifend, velit risus ornare magna, et tristique tellus est ac purus...</summary> 
Sed vel felis nibh. Phasellus auctor, ante vestibulum egestas placerat, nunc nulla aliquam tellus, non posuere sapien erat ut nibh. Cras iaculis mollis pretium. Duis ante enim, interdum ac nulla nec, euismod accumsan libero. Cras a condimentum dolor. Donec porttitor et sapien vel pretium. Vestibulum porta laoreet massa, a luctus eros rhoncus ac. Duis viverra turpis in lectus eleifend, quis iaculis.</p>

</details></div>
		</div>
	</div>
</div>
</div>

So each row is a time element and a descriptive text area element. Both need to be counted as one element, so that when a filter is applied, both are included.

 

Mainly, I'm wondering where I put the div class for the filter.

 

Thanks!

 

Thanks

 

Link to comment
Share on other sites

Filter by the div that includes them both (Looks like row). If there isn't a div that matches that, make one.

Yeah, I think row matches what you're asking.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...