How does the jquery selector take the value of the variable in the html custom property instead of the whole?

the custom html attribute data-val= ""+ num+"" in the div, I created dynamically, where num is a variable, will generate a div with a different variable value after each creation, such as

var str="<div class="waveform-log log-"+num+"" data-val=""+num+"">"+
  "<div class="tag1" data-val=""+num+"">"+num+"</div>"+
   "<div class="tag2"></div>"+
   "<span class="line-add"></span>"+
   "<span class="icon-times"  data-val=""+num+""></span>"+
   "<span class="icon-arrows-h" data-val=""+num+""></span>"+
    "</div>";

<div class="waveform-log log-1" data-val="1">
<div class="waveform-log log-2" data-val="2">
<div class="waveform-log log-3" data-val="3">

now I want to dynamically take the value of each data-val to each add event. The $(".accounform-log") I use is the same, and it is also wrong to use $("[data-val="" + num+ ""]").

Javascript css html html5

Sep.16,2021

time for dynamic generation, try using event delegates.
binds the event to the parent element.

$(parentSelect) .on ('click','.className',function () {

)

alert(1)

})

Previous: What tools do android and win10 use to transfer files?

Next: How is the php version of the server controlled?

The content of element-ui table is not centered vertically
how to make the content of table not be centered vertically? you can set valign= "top " in html, then how to set it in element The table is centered vertically when it is stretched out, and the working hours are aligned with the one at 8 o clock . ...

Javascript css html html5

Feb.28,2021
Has anyone ever done anything like JD.com, where the page scrolls down and the content is gradually rendered and inserted?
I haven t done it. I want to know what the train of thought is . Does first store each section structure as a string, then scroll to the specified location, and execute the following code? is similar to paging loading, but the content and layout of ...

Javascript css html html5

Mar.01,2021
After vue routes are configured with child routing paths, $router.push cannot switch routes, as shown below
< html lang= "en " > < head > <meta charset="UTF-8"> <title>Document< title> <script type="text javascript" src="vue.js">< script> <script type="text javascript" src="vue...

Javascript css html html5 react.js

Mar.04,2021
Vue Baidu Statistical event Analysis Trackevent event conversion how to set? Only one option can't be deleted.
...

Javascript css html html5 node.js

Mar.14,2021
Use cropper.js to crop an image on the ios mobile end. When the uploaded image is larger than 6m, the returned image is black.
when clipping an image with cropper.js on the ios mobile end, the image returned is black when the uploaded picture is larger than 6m. Cropper.js v1.3.5 (cropper version) https: github.com fengyuanch. ...

Javascript css html html5

Mar.14,2021
On the problem of elementUI switch
The list uses the switch component in elementUI status is a field returned by the background, which is fine. the on state is 1 and the off state is 0, but the switch does not correspond here and cannot be displayed here. the code is as follows:...

Javascript css html html5 node.js

Mar.14,2021
Webpack encountered an error when compiling the css file separately
these are my webpack configuration information var htmlWebpackPlugin = require( html-webpack-plugin ); const CleanWebpackPlugin = require( clean-webpack-plugin ); const ExtractTextPlugin = require("extract-text-webpack-plugin"); let path...

Javascript css html html5

Mar.15,2021
Vue-cli,SyntaxError: Unexpected keyword 'const'.
browser version Chrome browser Mac version, 67.0.3396.62 version Vue version number 2.5.2 vue-baidu-map component library version number 0.21.10 description of the phenomenon before the introduction of Baidu component vue-baidu-map, several mo...

Javascript css html html5 typescript

Mar.18,2021
Status management of the page
the vue page currently being written has the following different states, and my way of writing it is as follows data: function () { return { state: 1, 1: 2: 3: 4: 5 deliveryState: 1, :1: 2: } }, w...

Javascript css html html5 node.js

Mar.18,2021
How to use js and HTML to realize the effect that the APP content of Tencent mobile news slides left and right, and the top navigation menu underline moves left and right.
in the current mobile phone APP, the content page can generally slide left and right, that is, the effect of the tab menu bar. When sliding left and right, the underline of the category menu above it can also slide left and right . but on the mobile s...

Javascript css html html5

Mar.20,2021
Lieutenant WeChat Mini Programs push the data to the array, and the array renders the picture. It's a mistake. I've been doing it all day. Is there a boss?
Lieutenant WeChat Mini Programs push the data to the array, and the array renders the picture. It has been a mistake all day. Is there a boss? before adding is there a big shot? wxml: < scroll-view class= " " scroll-x style= "width: 580rpx swi...

Javascript css html html5 typescript

Mar.20,2021
On the jump path of WeChat Mini Programs
the directory structure she wrote after taking over the Mini Program project from someone else last week is like this the problem now is: tokentokentoken login ...

Javascript css html html5

Mar.22,2021
How to set Wechat h5 videos in Android version 7.1 and below to not be played in full screen
problem description now the demand is for the video to fill the current page, and then slide down and there are still a few pages below, but when you play the video below Android 7.1, you can just jump to full screen and there is no way to drop down ....

Javascript css html html5

Mar.28,2021
How does the bottom pop-up layer of the mobile phone do?
as shown in the picture, is it something you wrote yourself, click to appear; or is this thing a plug-in, or is it written in other ways ...

Javascript css html html5

Mar.29,2021
Bootstrap how to display two input boxes on the same line instead of div packages
1. Because the bootstrapValidator check frame is used, two input boxes are wrapped in a form-group, resulting in a mistyping of one input box and a change in the style of the other input box. To achieve this, each input box is wrapped in a div, and then...

Javascript css html html5

Mar.29,2021
Why is my global reference to the mint-ui framework invalid?
install module: npm install mint-ui -S mains.js: import Mint from mint-ui ; import mint-ui lib style.css Vue.use(Mint); I want to use the toash component now using the toash component in xx.vue he will prompt that he cannot find if ...

Javascript css html html5 node.js

Mar.30,2021
Why did video width= become width= "100" pixels under IE 9?
<video id="myVideo" width="100%" controls preload> <source src="video test.mp4" type="video mp4" codecs="avc1.42E01E,mp4a.40.2"> < video> other mainstream browsers are fine, adaptin...

Node.js javascript css html html5

Mar.30,2021
Video on mobile cannot play local video, while Wechat's built-in browser, 360and safari indicate that loading failed.
the format of the owner of the building is mp4,. It is written as follows < video width= "100% " height= "215 " controls poster= "images play_img.png " > <source src="images dcjj.mp4" type="video mp4" >< sou...

Javascript css html html5

Mar.31,2021
Vue displays the query results to el-tabel
list: what I assign to banklist but banklist doesn t seem to save is my paging data ...

Javascript css html html5 node.js

Apr.01,2021
How to click on the checkbox of vue to get the row data when selected
...

Javascript css html html5

Apr.02,2021