Question

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

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

因此，在此示例中，我需要存储文本立即更新。其他示例在按钮标签和文本之间有图标图像。

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

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

感谢

JC

Answer 1

这样的东西？

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

Answer 2

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

Answer 3

fiddle

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

Answer 4

您可能需要考虑reading the documentation，但仅供参考：

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

这将在文档准备就绪时执行该功能，因为$(function(){是$(document).ready(function()的简写。如果您想等待所有img和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';}

在这里，我假设你会知道它的图像或文字。

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

8 个答案: