gpt4 book ai didi

javascript - 查找然后替换类和文本到按钮

转载 作者:行者123 更新时间:2023-12-03 09:07:39 24 4
gpt4 key购买 nike

给定脚本从.label查找文本 (text1或任何文本),然后添加类 class="text1"到家长列表<li>像这样:<li class="text1">

Jquery:

$('.label a').each(function() {
$(this).closest('li').addClass($(this).text());
});

HTML:

<div id="main-id">

<button class="one"></button>
<button class="two"></button>

<ul>

<li> <!--List 1-->
<span class="meta">
<div class="label">
<a href="http://lorem.com">text1</a> <!--This text-->
</div>
</span>
</li>

<li> <!--List 2-->
<span class="meta">
<div class="label">
<a href="http://lorem.com">text2</a> <!--This text-->
</div>
</span>
</li>

</ul>
</div>

通过这个脚本我们得到结果:

<ul>

<li class="text1"> <!--Got New class to List 1-->
<span class="meta">
<div class="label">
<a href="http://lorem.com">text1</a>
</div>
</span>
</li>

<li class="text2"> <!--Got New class List 2-->
<span class="meta">
<div class="label">
<a href="http://lorem.com">text2</a>
</div>
</span>
</li>

</ul>

请参阅示例 Fiddle >

现在按照我的问题,我尝试将类和文本替换为按钮,有两个按钮,如 <button class="one"></button><button class="two"></button> ,现在想要放置类/文本 .text1 (或任何类)内部按钮,例如:<button class="one text1">text1</li></button>
<button class="two text2">text2</li></button>通过上面给出的相同jquery。

我已经尝试过替换文本 script ,但我无法做到这一点。有其他方法可以做到这一点的建议吗?提前致谢。

最佳答案

不确定你到底想要什么,但你可以尝试这样的事情。

<html>
<body>

<div id="main-id">
<button class="one"></button>
<button class="two"></button>

<ul id="main-list">
<li>
<span class="meta">
<div class="label">
<a href="http://lorem.com">text1</a>
</div>
</span>
</li>
<li>
<span class="meta">
<div class="label">
<a href="http://lorem.com">text2</a>
</div>
</span>
</li>
</ul>

</div>

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(function(){

var btns = ['.one', '.two'];

$('#main-list li').each(function(k,el){
// use clone if you don't want to remove original dom element
var $li = $(el).clone();
var className = $li.find('a').text();

$li.addClass(className)
.empty()
.text(className);

var $btn = $(btns[k]);
$btn.append($li);
});
});
</script>
</body>
</html>

关于javascript - 查找然后替换类和文本到按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32157735/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com