Question

我正在尝试将DOM元素中的文本添加到onclick函数中。所以文本将是一个参数

我试过

$("body").append(
  "<input type='submit' value='Submit Answers' onclick=displayImages(" + 
  $('#hidden_number').text() +  ");'>")

但是这给了$('#hidden_number').text()未定义，但如果我从控制台运行$('#hidden_number').text()，我会得到一个值。

是否无法以这种方式传递参数？

更多代码

html页面如下所示

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="core/js/self_control.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("body").append( "<input type='submit' value='Submit Answers' onclick=displayImages( $('#hidden_number').text());'>");
});
</script>

<label for="subID">Subject ID:</label>
<input type="text" id="subID" name="subID"/>
<br><br>
<div> Please enter your subject </div>
<br>
<body>
</body>

文件self_control.js具有displayImages功能

function displayImages(number){
    $('body').toggleClass('blackBody'); // set the color of the expr background to black
    console.log(number)
}

我将页面和数字加载到隐藏数组的方式是：

function loadQuestionForm(number){
    $.get("core/questionForm0.html", function(data) {
                $("body").html(data);
                var next_img = number + 1 ;
                console.log(next_img);
                $("body").append("<div id='hide_nubmer' style='display: none;'>"+ next_img +"</div>")
    });

Answer 1

你可以这样做：

＆＃13;

$("body").append("<input type='submit' value='Submit Answers' onclick=displayImages(" + $('#hidden_number').text() + ");>")

function displayImages(arg) {
  console.log(arg);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hidden_number">5</div>

＆＃13;

Answer 2

我认为这看起来只是一个错字？

$("body").append("<div id='hide_nubmer' style='display: none;'>"+ next_img +"</div>")

应该{{1}}为id？

hidden_number

将变量从dom元素传递给onclick

2 个答案: