What is the best way to target a div element that contains the text "my content"?
<table>
<tr>
<td class="ms-disc-bordered-noleft">
<div class="">
<div>some content</div>
<div>my content</div>
</div>
</td>
</tr>
</table>
How is the div related to the td with class "ms-disc-bordered-noleft"?
$('.ms-disc-bordered-noleft div:last')$('.ms-disc-bordered-noleft div:eq(2)')$('.ms-disc-bordered-noleft').find('div:eq(2)');$("div:contains('my content'):last");Retrieve the desired div element with the above jQuery selectors.
Based on my performance test results, it seems like
$('.ms-disc-bordered-noleft div:last')$('.ms-disc-bordered-noleft').find('div:eq(2)');Take a look at http://jsfiddle.net/jhfrench/cfeZU for demonstrations using different selectors.
Regarding your second question, the mentioned div is a 'descendant' of the td.ms-disc-bordered-noleft element, specifically, it is a child of the td's child.
Another choice for the second child within the inner <div>:
let secondDiv = $(".ms-disc-bordered-noleft > div > div:eq(1)");
This element serves as a focal point for navigation; utilize .parent(), .children(), or .find() methods for movement both upward and downward.
How can I target a div element that includes the text "my content"?
$('.ms-disc-bordered-noleft').find('div:contains("my content")');
If you are still unsure, you may also try:
$('.ms-disc-bordered-noleft div').find('div:last');
^^-parent ^^-first child ^^-last div
Quickest path to take:
let findDiv = $("div:contains('my content'):last");
Regarding the association with the td, you can begin with the above method and backtrack from there.
let findCell = findDiv.closest('td');
While not the most efficient in terms of speed, these lines of code are concise. I personally prefer brevity in code.
.ms-disc-bordered-noleft div div:nth-child(2)
alternatively
.ms-disc-bordered-noleft div div:last-child
I am having trouble with this particular HTML code. <ngx-datatable-column name="Option" prop="option" [draggable]="false" [resizeable]="false [width]="250"> <span> <button class="optionButton" type="button" data-to ...
I'm currently working with Angular 8 to develop an application that retrieves responses from various APIs for users. The application is designed to simultaneously call multiple APIs and I require a loading indicator that stops once each API delivers a ...
After going through various discussions on how to save a Backbone collection using a non-RESTful server, I am still a bit puzzled. I have set up a collection where I've customized the data for posting to my API ("/api/entity/735/request/personDelete" ...
In my project, I am using react and next.js to make API requests from a search bar and display a list of movies on the homepage. Each search result redirects me to a different page that shows detailed data related to the selected movie. However, the issue ...
I am a beginner when it comes to jQuery. I have a specific project in mind where I need to create a dynamic money counter that starts at $1,000,000.34. The last two digits (34) should be incrementing rapidly while the one million dollars keep increasing a ...
I am trying to capture the filename that has been changed, removed, or renamed, but I am currently receiving the full file path. Question: How can I extract only the filename when it is changed, instead of working with the entire file path? This is what ...
I'm currently working with an HTML table that allows for dynamically adding and deleting rows with text-input's in the cells using JavaScript. Instead of ASP.NET TextBox controls, I am sticking to traditional HTML because I believe rows containin ...
Having trouble using the firefox selenium plugin and sending the enter key after pasting text? The ENTER key press should not interact with any other element on the page, just a simple 'dumb' ENTER key press. error [error] Element name=code not ...
My HTML structure is as follows: <table border=1 > <tr> <!--this tr has one <td> that needs to be 100% width--> <td></td> </tr> <tr> <!--this tr has two <td> that each need to be ...
I've implemented a highly efficient component that sends messages to the server and displays them to other users in real-time. Check out the code snippet: const ChatInput = (props) => { const [message, setMessage] = useState(''); con ...
Can you explain the variance between these two blocks of code? this.setState((state)=>({ posts: state.posts.filter(post=> post.id !==postRemoved.id) })) versus this.setState((state)=>{ posts: state.post ...
I am trying to run some javascript code that is in the "onchange" attribute of an HTML element. For example: <input id="el" type="text" onchange="alert('test');" value="" /> Instead of using the onchange attribute, I want to trigger the e ...
When I have a div with the attribute contenteditable="true" in IE versions 7, 8, and 9, and then click a button to insert an image using the document.execCommand('insertImage') method, the image is successfully inserted. However, the inserted ima ...
I am facing a challenge where I need to clip a String at a specific index, taking into consideration that the String may contain HTML tags. The goal is to skip over any HTML tags while clipping the text. For instance, if the initial String is: "Les pirat ...
Currently, I am working on a section featuring a parallax scrolling effect with multiple layers of PNG images. Check it out here: As you scroll down the page, you can observe a cool 3D effect. Users on Chrome, Opera, or Edge browsers may notice a graphi ...
Is there a way to hide certain cards by default and only show them when the user clicks on a "View more" button? I have multiple cards, but I want to hide the last one initially and reveal it when the button is clicked. I would really appreciate any assis ...
I am facing an issue with auto-populating a select dropdown using jQuery/JSON data retrieved from a ColdFusion CFC. Below is the code snippet: $(function(){ $("#licences-add").dialog({autoOpen:false,modal:true,title:'Add Licences',height:250,wid ...
Hey there, I'm diving into the world of website development for the first time, just getting started a couple of days back. Although I have some experience with Python and C# programming, I'm facing challenges in generating an HTML table using J ...
window.open(encodeURI('data:text/csv;charset=utf-8,name,color\njohn,#000000')); When running the above line in Chrome, a downloaded csv file is generated with the following content: name,color john, The issue here is that it appears to be ...
Struggling with React.js for a college project and need some help. The error message I keep encountering is: weathers.map not a function I know it's probably something simple, but for the life of me, I can't figure it out! My project structure f ...