如何使用ajax获取属性文本?

时间:2016-07-15 08:30:31

标签: javascript jquery ajax

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

get.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);
    }
});

2 个答案:

答案 0 :(得分:2)

假设$.ajax()返回的数据为<div id="get" title="New Text"></div>,方法find()将无效,因为它会查看后代。您可以直接将其属性设为

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

或者,创建一个带有返回数据的DOM元素,然后使用find()

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

答案 1 :(得分:0)

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

如果您想获取属性值,则应使用$.attr('attr')代替$.attr('attr').text()