从按钮中选择内容 (html），但不是每个内容

Select content (html) from button but not everyting

本文关键字：html 按钮 选择      更新时间：2023-09-26

我卡在一个问题上，我实际上不知道我在搜索什么。我以为是filter，但看起来不像。

问题：我有一个包含以下内容的按钮

<button type="button"
        id="myButton" 
        class="btn btn-default dropdown-toggle" 
        data-toggle="dropdown" 
        aria-expanded="false">
    Group ...
    <span class="caret"></span>
</button>

我有第二个按钮，如果我单击它，我想选择第一个按钮的 html 内容。

$('#buttonTwo').on('click', function(){
    var group = $('#myButton').html();
    alert(group);
});

目前它也选择了<span>但我不想要它。任何人都可以帮助我

仅选择Group ... ？

如果你使用jQuery的.text()函数，你将省略HTML：

var group = $('#myButton').text();
您可以使用

.text()但是如果span碰巧包含文本，那么它将是错误的。因此，您可以克隆该按钮，然后从中删除span，以便您可以使用 .html()或text()

var clonedButton = $('#myButton').clone();
$('span', clonedButton ).remove();
alert(clonedButton.html());

这是给你的演示...

相关文章：