我有一个简单的菜单
<div class="nav-container desktop">
<a href="_index.php?page=_sub_papa&main=klassen">One</a>
<a href="_index.php?page=_sub_papa&main=tw">Twp</a>
</div>
我分别用 jQuery 循环遍历它,然后创建 <li>
带有完整 <a.../a>
的标签.
$.each( $('.nav-container>a'), function(i, item){
var menupunkt = '<li>' + item + '</li>'
console.log(i, menupunkt);
});
示例:http://codepen.io/anon/pen/bwbgap , https://jsfiddle.net/86g44ssp/
在我的控制台中,我只看到以下内容
<li>http://xyz.ccom/_index.php?page=_sub_papa&main=tw</li>"
为什么我没有得到整个a?因为当我只打印“项目”时,我得到了整个 <a.../a>
最佳答案
item
或 this
代表一个 DOM 元素。当您将其视为字符串时,您将其转换为字符串。您可以使用 item.outerHTML
- 您要查找的字符串 - 代替 item
。
$.each( $('.nav-container>a'), function(i, item){
var menupunkt = '<li>' + item.outerHTML + '</li>'
console.log(i, menupunkt);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="nav-container desktop">
<a href="_index.php?page=_sub_papa&main=klassen">One</a>
<a href="_index.php?page=_sub_papa&main=tw">Twp</a>
</div>
注意
不确定它是否有优势,但我更愿意:
$('.nav-container>a').each(function(i, item){
var menupunkt = '<li>' + item.outerHTML + '</li>'
console.log(i, menupunkt);
});
关于javascript - Jquery each through <a> 只给我 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39229604/