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

我试过了

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


但这给了我$('#hidden_number').text()为undefined,但是如果我从控制台运行$('#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>")
    });

最佳答案

您可以这样做:


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

function displayImages(arg) {
  console.log(arg);
}

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

10-05 20:50
查看更多