JQuery将HTML内容分配给变量

JQuery assign HTML content to variable

本文关键字：分配 变量 HTML JQuery      更新时间：2023-09-26

我正在尝试将HTML代码获取到jquery变量，它在以下代码中工作：

var html_var = $(this).parent().html();

但当我想修改"html_var"时，我无法做到，我的意思是，html代码包含按钮标记，我需要更改这个按钮的值和id？我试过用"find"，但我不知道为什么它不起作用。

var modified_var = html_var.find('.button').attr('id');

.html（）以纯文本形式返回html，因此您可以对父对象进行操作：

var $parent = $(this).parent();
$parent.find.('.button').attr('id', newValue);

或者你可以在文本上操作

var html_var = $(this).parent().html();
//modify the text
$(this).parent().html(html_var); //replace the parent html with the modified html

var modified_var = $(html_var).find('.button').attr('id');

var html_var = $(this).parent().html(); //Get HTML code
//Modify html_var
//...
$(this).parent().html(html_var); //Reapply modification

正如其他人所说，不要在html_var中使用.html（）。

var html_var = $(this).parent();

由于它是一个按钮标签，您不使用period/fullstop（.）而是这样做：

var modified_var = html_var.find('button');

注意到查找中没有（.）吗？

要更改id，请执行以下操作：

modified_var.attr("id","new_id_goes_here");

要更改按钮的值，请执行以下操作：

modified_var.html("value of button here");

要了解id是什么，您可以这样做：

var theid = modified_var.attr("id");

编辑：

看看我的小提琴：http://jsfiddle.net/r0huhx3v/8/

相关文章：