JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>.find("content[id='im:rating']")</td>
            <td id="result1"></td>
        </tr>
        <tr>
            <td>.find("content[im\\:rating]")</td>
            <td id="result2"></td>
        </tr>
        <tr>
            <td>.find("im\\:rating")</td>
            <td id="result3"></td>
        </tr>
        <tr>
            <td>.find("rating")</td>
            <td id="result4"></td>
        </tr>
        <tr>
            <td>.find("im\\:rating, rating")</td>
            <td id="result5"></td>
        </tr>
    </tbody>
</table>

CSS

td {
    border: solid 1px #666;
    margin:0;
    padding: 10px;
}
td:nth-of-type(1) {
    background: #ddd;
}
.blue {
    color: #fff;
    background: #00f;
}
.red {
    color: #fff;
    background: #f00;
}

JavaScript

var xml = '<feed xmlns:im="http://itunes.apple.com/rss/im">'
             + '<content id="im:rating">hogehoge1</content>'
             + '<content im:rating="hoge">hogehoge2</content>'
             + '<im:rating>hogehoge3</im:rating>'
        + '</feed>';

var xmldoc = $.parseXML(xml);

append("#result1", $(xmldoc).find("content[id='im:rating']").text());
append("#result2", $(xmldoc).find("content[im\\:rating]").text());
append("#result3", $(xmldoc).find("im\\:rating").text());
append("#result4", $(xmldoc).find("rating").text());
append("#result5", $(xmldoc).find("im\\:rating, rating").text());

function append(name, result) {
    if (!$.isEmptyObject(result)) {
        $(name).addClass("blue");
    } else {
        $(name).addClass("red");
        result = "NG";
    }
    $(name).append(result);
}