My code is as follows
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<p class="name name0">
<p>test</p>
</p>
<p class="name name1">
<p>test2</p>
</p>
<script>
function func1(className) {
return `$('${className}').find('p').text()`
}
for(var i=0;i<$('.name').length;i++){
console.log(`name${i} p:`,func1(`.name${i}`));
}
//第一次循环生成语句： $('.name0').find('p').text();
//第二次循环生成语句： $('.name1').find('p').text();
</script>
</body>
</html>I don’t want to get the value of each P, just as an analogy. I want to know how to dynamically render the code inside <script> through the return value of func1()? Or how to dynamically render js files
I want this file of the current code to dynamically generate js code based on .name p, such as
When there are two .name p
<p class="name name0">
<p>test</p>
</p>
<p class="name name1">
<p>test2</p>
</p>Then the final code in <script> should be
<script>
$('.name0').find('p').text();
$('.name1').find('p').text();
</script>When there are three .name p
<p class="name name0">
<p>test</p>
</p>
<p class="name name1">
<p>test2</p>
</p>
<p class="name name2">
<p>test3</p>
</p>Then the final code in <script> should be
<script>
$('.name0').find('p').text();
$('.name1').find('p').text();
$('.name3').find('p').text();
</script>How can we achieve this effect?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Do you want the return result in fun1() to be used as the execution js statement? ? You can use eval() to execute
You can directly define fun1 to return the text of the specified
classNameDOM, and then just run it directly. Anyway, when you generate code, you want to execute it immediately.You don’t need to dynamically generate scripts, the script itself is very flexible. The code below is equivalent to the one you want to generate
If you want to loop through each
.name pyou can directlyIf you want to process the specified name, you can
So what you want to do must be handled by dynamically generated scripts? If it is really needed, this is usually done by the server, not the front end. If the front-end can generate a script to run, it can definitely run a certain piece of code directly...