我需要在 div 中获取 HTML 标签
<div class="div1">
<a>etc</a>
<p>etc</p>
</div>
如何div1
在jQuery中获取html内容
我需要在 div 中获取 HTML 标签
<div class="div1">
<a>etc</a>
<p>etc</p>
</div>
如何div1
在jQuery中获取html内容
试试这个
HTML
<div class="div1">
<a>etc</a>
<p>etc</p>
</div>
JS代码
$('.div1').children().text();
用来$("div1").html('<h1>this is html!</h1>');
设置。
用来$("#div1").html();
得到
如果您只需要原始内容,请使用:
var contents = $(".div1").html()
例如,在您拥有的文档中:
$("p").click(function () {
var htmlStr = $(this).html();
$(this).text(htmlStr);
});
一种方法是使用该.html()
方法。如果你不向它传递任何内容,它就会作为一个 getter 工作。
var content = $(".div1").html();
该content
变量将包含 HTML 作为 JavaScript 字符串。
使用此警报 html 内容
alert($(".div1").html());
使用这个初始化
var $a=$(".div1").html();
var htmlContent = $(".div1").html();
如果您只想要标签名称,请尝试使用以下代码:
alert($('.div1').children()[0].tagName);
上面的代码以 BLOCK 字母返回标签名称。如“A”、“P”等。更改索引号然后打印。
这是工作示例: 单击此处
您可以像这样向元素添加 id 属性吗:
<a id="a1"></a>
这样你就可以这样访问它:
$("#a1")
除非您只是要处理内容,否则请按照其他答案中的建议使用 .html 。
这给了你标签:
$('.div1').children().each(function(i, item) {
alert(this.nodeName.toLowerCase());
});
在这里试试:http: //jsfiddle.net/bCM7L/