jQuery获取div内容

Question

我有下面的div结构，但是这个结构正在改变

<div class="rt-container">
    <div class="rt-block">
        <div id="rt-mainbody">
            <div id="responseMessage">Welcome bogyoro. Now you are loged in.</div>
            <div id="responseErrorMessage">5</div>
        </div>
    </div>
</div>

我使用以下代码来获取responseMessage内容：

var div = logReg.query("<div>").html(msg);
var message = div.children('#responseMessage').html();
var isValid = div.children('#responseErrorMessage').html();
if(isValid == null)
{
    message = div.find('#responseMessage').html();
    isValid = div.find('#responseErrorMessage').html();
}

但isValid为空。

更新：

var logReg = {};
logReg.query = jQuery.noConflict(true);

Answer 1

var isValid = div.children('#responseErrorMessage').html();

if (isValid == null) { }

将始终导致false。如果元素存在，也就是说。

如果元素为空，则返回的将是空字符串。试试if (isValid == "") { }吧。

Answer 2

如果您想要获得一个具有id的元素的html，那么您可以简单地使用id选择器。

$("#responseMessage").html(); 

Answer 3

为什么不干脆这么做呢？

var message = logReg.query('#responseMessage').html();  
var isValid = logReg.query('#responseErrorMessage').html();

代码的第一行是有问题的。它将返回一个完整的div标记数组。所以当你做div.children('...')您将对整个div列表执行此操作。

因为您有特定元素的锚点，所以只需直接查找它们即可。