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

Using jquery to store button html in a variable

本文关键字：变量 存储 html jquery 按钮 使用      更新时间：2023-09-26

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

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

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

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

请有人建议我如何使用jquery执行此操作吗？

谢谢

杰克

像这样的东西？

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

提琴

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

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

您可能需要考虑阅读文档，但出于参考目的：

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

这将在文档就绪上执行该功能，因为$(function(){是$(document).ready(function()的简写。如果你想等待所有img和CSS完成加载，请使用以下命令：

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

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

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);

你甚至不需要jQuery。

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

文本：

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

图片或文字：

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

无论你使用什么，都会进入：

$(document).ready(function () {
});
<</div> div class="answers">

你可以做这样的事情

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';}

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

相关文章：