Question

说我有以下内容：

<div id="myid" class="myclass"></div>

我想要做的是通过jQuery找到这个标签并获取＆lt;＆gt;之间的内容对于这个div。在这种情况下，我希望我的输出如下：

div id="myid" class="myclass"

不寻找innerHTML，只是标签中的内容。我知道我可以使用jQuery来测试已知属性，但我真的希望能够在这里获得实际的字符串。在我看来，我可以获取父标记的innerHTML然后进行一些解析，但这看起来很混乱且容易出错。我宁愿能够做类似以下的事情

alert($('#myid').getTagContents())

让它提醒上面的一点。这可能吗？关于如何做的任何想法？

仅供参考，我看到这个问题已被标记为重复，但另一个问题并未解决我的疑虑。我不想循环遍历属性。我想要标签中的文字字符串，所以我可以自己解析它。

Answer 1

这应该可以找回你想要的东西。

alert($('#myId')[0].outerHTML.split('>')[0].substring(1));

Answer 2

你基本上需要自己构建一些东西。做了一个真正的快速jQuery扩展，返回结果。

http://jsfiddle.net/aY4nG/

$.fn.getTagContents = function () {
     var $this = $(this),
         tags  = $this[0].outerHTML,
         endLoc = '';

    endLoc = tags.indexOf('>') - 1;

    return tags.substr(1, endLoc);
};

var tags = $('#test').getTagContents();

console.log(tags);
// logs: div id="test" class="whatever"

如何检索标签的内容？

2 个答案: