如何使用 ajax 获取属性文本

How to get attribute text using ajax?

本文关键字：属性 文本 获取 ajax 何使用      更新时间：2023-09-26

我正在尝试使用 ajax 获取属性文本，但不起作用。例如

得.php 

<div id="get" title="New Text"></div>

.html

<div id="title"></div>

JavaScript

$.ajax({
    url: 'index.php?route=get.php',
    dataType: 'html',
    success: function(html) {
        var title =  $(html).find('#get').attr('title').text();
        console.log(title);
        $('#title').text(title);
    }
});

假设$.ajax()返回的数据<div id="get" title="New Text"></div>该方法find()在查看后代时将不起作用。您可以直接获取其属性为

var title =  $(html).attr('title');

或者，创建一个 DOM 元素，将返回的数据作为 HTML，然后使用 find() 

var title =  $('<div />').html(html).find('#get').attr('title');


var html = '<div id="get" title="New Text">12345</div>'
var title =  $(html).attr('title');
$('#title').text(title);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="title"></div>

如果要获取属性的值，则应使用 $.attr('attr') 而不是$.attr('attr').text()

相关文章：