getElementsBy在一個類中的第一跨度

我試圖用改變第一個按鈕的HTML格式的HTML文本以下和它的工作：getElementsBy在一個類中的第一跨度

var list = document.getElementsByTagName('button')[0]; 
list.innerHTML = "AAA";

但是我正在尋找一個更好的解決方案，我可以指定確切的「位置」按鈕。例如：

var list = document.getElementsByTagName('button')[0]; 
 
list.innerHTML = "AAA"; 
 

 

 
//I am looking something like the below: 
 

 
//document.getElementsByClassName('filter. > .btn-group > button > span > .multiselect-selected-text').innerHTML = 'AAAA';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="filter"> 
 

 
<div class="btn-group"><button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="None selected"><span class="multiselect-selected-text">None selected</span> <b class="caret"></b></button><ul class="multiselect-container dropdown-menu"><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="0"> AA</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="1"> BB</label></a></li></ul></div> 
 

 
<div class="btn-group"><button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="None selected"><span class="multiselect-selected-text">None selected</span> <b class="caret"></b></button><ul class="multiselect-container dropdown-menu"><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="0"> AA</label></a></li><li><a tabindex="0"><label class="checkbox"><input type="checkbox" value="1"> BB</label></a></li></ul></div> 
 

 
</div>

來源

2017-10-13 Apolo Radomer

您需要'document.querySelector'。請參閱：https：//developer.mozilla.org/en-US/docs/Web/API/Document/querySelector –

您標記爲jQuery。但是，代碼是原生JavaScript。你在尋找jQuery解決方案嗎？如果沒有，請刪除標籤 – Mojtaba

@Mojtaba是的。在這種情況下，我更喜歡jQuery。 –

使用querySelector：

document.getElementsByClassName('filter. > .btn-group > button').innerHTML = 'AAAA';

該代碼段在下面給出

document.querySelector('.filter > .btn-group > button').innerHTML = 'AAAA';

來源

2017-10-13 17:59:39

過濾器類和btn組之間我有一個選擇標記和另一個類叫做filter1它不起作用，如果我添加filter1類 –

然而，jQuery的解決方案可以是任何這些：

$(".filter > .btn-group > button").html("AAAA");

或者

$(".filter").children(".btn-group").children("button").html("AAAA");

或者，任何類似的組合。

我建議看看這個short article

另外，如果您有.btn-group下一個以上的button，你想影響只有第一個，你可以使用first()。像這樣：

$(".filter").children(".btn-group").children("button").first().html("AAAA");

來源

2017-10-16 12:21:33 Mojtaba

@Motjaba儘管改變了每個按鈕的名稱。但這有助於未來的參考。 –

@ApoloRadomer，它完全符合之前的答案。我更新了答案，向您展示瞭如何選擇第一個「按鈕」。也許這就是你的目的 – Mojtaba

完美。謝謝：） –

getElementsBy在一個類中的第一跨度

回答

相關問題