如何按标题选择元素按钮并隐藏它？

Question

我在页面上有以下按钮，我想要的只能通过标题或任何其他属性选择它并隐藏它。

<button title="Show all journal fields" type="button" class="icon-stream-all-input btn-default btn" ng-click="toggleMultipleInputs(true)"> <span class="sr-only"> Show all journal fields </span></button>

Answer 1

您可以使用title属性的属性选择器：

var titleSearchStr = 'Show all journal fields';
var items = $('[title="'+ titleSearchStr +'"]');
items.hide();

Answer 2

css方法

＆＃13;

＆＃13;

button[title="Show all journal fields"]{
display:none;
}

＆＃13;

<button title="Show all journal fields" type="button" class="icon-stream-all-input btn-default btn" ng-click="toggleMultipleInputs(true)"> <span class="sr-only"> Show all journal fields </span></button>

＆＃13;

＆＃13;

＆＃13;

Javascript方法

＆＃13;

＆＃13;

document.querySelector("button[title='Show all journal fields']").style.display="none";

＆＃13;

<button title="Show all journal fields" type="button" class="icon-stream-all-input btn-default btn" ng-click="toggleMultipleInputs(true)"> <span class="sr-only"> Show all journal fields </span></button>

＆＃13;

＆＃13;

＆＃13;