javascript - 使用 jquery 将按钮 html 存储在变量中

Question

我有一个动态创建的按钮，并希望将文本和/或图像存储在变量中。我需要存储的 html 是两个按钮标签之间的所有内容

<button id="test">Update now</button>

所以在这个例子中，我需要存储文本Update now。其他示例在按钮标签和文本之间具有图标图像。

这需要在文档加载时发生。

请有人建议我如何使用jquery做到这一点？

谢谢

JC

Answer 1

像这样的东西？

var savedData = $("#test").html();

Answer 2

var buttonText = $('#test').text();

Answer 3

小提琴

$(document).ready(function(){
    var buttonVar =   $( "button" ).html();
    alert(buttonVar);
});

Answer 4

您可能需要考虑阅读文档，但仅供参考：

$(function(){
    var $buttonHtml = $('#test').html();
});

这将在文档就绪时执行功能，$(function(){就像$(document).ready(function(). 如果您想等待所有imgs 和 CSS 完成加载，请使用以下命令：

$(window).on('load',function(){
    var $buttonHtml = $('#test').html();
});

这将等待整个窗口完成加载，然后再执行该功能。

Answer 5

jQuery(document).on("ready", function () {
    var buttonHtml = jQuery("#test").html(); //Where buttonHtml is the variable that will contain your button html
});

//Later on...
console.log("This is the html from my button :" + buttonHtml);

Answer 6

你甚至不需要 jQuery。

var buttonHTML = document.getElementById('test').innerHTML;

Answer 7

文本：

var text = $('#test').text();

图片或文字：

var html = $('#test').html();

无论您使用什么都会进入：

$(document).ready(function () {

});

Answer 8

你可以做这样的事情

http://jsfiddle.net/cw5e3/

HTML：

<button id="test">
<img class="selective"/>
</button>

JS：

var image=false;
var a= "Update now"
var imageVar="https://scontent-b.xx.fbcdn.net/hphotos-frc3/q71/1157449_10151665223728870_898329738_n.jpg"

if(image){
    var imageObj = $('.selective', 'button');
    imageObj.attr('src', imageVar).show();

}else{
     $('button').text(a);   
}

CSS：

.selective{display:'none';}

在这里，我假设您会知道它何时是图像或文本。