Additionally this solution also works without 'printDoc.autoPrint()'. click-count). I'm using the .on() method to re-bind the click event for sorted items. If this data is passed as json string via normal form data then you have to decode it. Accessing data attributes in JavaScript. E.g. We can define other data types as required, such as floating point values, character values, strings and so on. $('#exampleModal').on('show.bs.modal', function (event) { let bookId = $(event.relatedTarget).data('bookid') $(this).find('.modal-body input').val(bookId) }) The second parameter $('#mydiv') which is passed to the jQuery 'input' Selector is the context. Specifically: th:alt-title will set alt and title. Simply enter code hereIn JQuery, ones event is triggered you just check number of occurrences of classes in file and use for loop for next logic. Bootstrap code: We will use a bootstrap modal as image viewer and modify it according to our requirements accordingly. In the first example, the output will display in default frame and pixel size which is generated directly on browser whereas the output of the second example is a png file with pixel and frame size as 10 stored in a I need to take all the product codes, quantities and prices from items in a cart and create a string for use in affiliate tracking. Snapshot while adding System.Linq.Dynamic package from NuGet packages The element you want to pass in is not neccessarily required to have an ID. ; Use .toggle() method to display the Div. However, this method can be used to again hide the div. This is consistent with the way that standard DOM turns dashed names into camel case for This can be achieved by using jQuery setTimeout() function. E.g. The data type is defined as an integer using db.Integer. Once the property was changed, it was the browser that updated the attribute accordingly. I need to get the data-id of the clicked item and pass it to a webservice. Before clicking on the button: After clicking on the button: Approach 2: Set display: none property of the div that needs to be displayed. I need to formulate a url string from data on a checkout page. Looks like your IndexPartial action method has an argument which is a complex object. I'm using the .on() method to re-bind the click event for sorted items. The below code will work fine (tested) $('.delete').on('click', event => { const clickedElement = $(event.target); this.delete(clickedElement.data('id')); }); Note that the event target will be the clicked element, which may not be the element you want (it could be a child that received the event). First, we select the text to copy to the clipboard whether it is from a div or from an input box using document.getElementById() or any other suitable function. If you are passing a a lot of data (complex object), It might be a good idea to convert your action method to a HttpPost action method and use jQuery post to post data to that. You'll then get all data in an array. Using Input Binding: @Input We can use this directive inside the child component to access the data sent by the parent component.