Функция JavaScript, чтобы скрыть кнопки, если отображается определенный текст

-2

У меня есть функция, называемая hideButtons, что я хочу скрыть кнопки, если в абзаце присутствует определенный текст. Параграф проходит через список имен, которые пользователю нравятся или не нравятся, а затем, когда имен больше нет, кнопки исчезают.Функция JavaScript, чтобы скрыть кнопки, если отображается определенный текст

Очевидно, что это Судо на данный момент:

function hideButtons(){ 
     if namespace.indexOf("Out of people"){ 
     #likeButton = hidden; 
     #dislikeButton = hidden; 
     } 
    }

Это рабочая функция

function showName(){ 
     var name = names[0]; 
     if (!name){ 
     name = 'Out of people'; 
     } 
     console.log(names) 
     document.getElementById('namespace').innerHTML = name; 
    }

И HTML:

<body> 
    <p id='namespace'> Namelist </p> 
    <button id="likebutton" type="button">Like</button> 
    <button id="dislikebutton" type="button">Dislike</button> 

    </body>

источник

2016-06-13 hellogoodbye

Что именно вы спрашиваете? Где вы застряли? Вы спрашиваете, как построить блок 'if'? Как найти элемент на странице? Как проверить, содержит ли строка заданную подстроку? Как изменить стиль элемента? Что-то другое? – David

Что вы подразумеваете под «это sudo на данный момент»? –

@HopefulLlama: Я думаю, что он/она имел в виду «псевдо» – David

Вы вроде смешиваясь JavaScript и JQuery.

В JavaScript, чтобы получить значение тега p:

var ns = document.getElementById('namespace').innerHTML;

то же самое в JQuery:

var ns = $('#namespace').text();

JQuery использует CSS селекторы для идентификации элементов, JavaScript не.

Вот полуработающая версия вашего кода.

var lb = document.getElementById('likebutton'); 
 
lb.addEventListener('click', hideButtons, false); 
 
var db = document.getElementById('dislikebutton'); 
 
db.addEventListener('click', hideButtons, false); 
 

 
function hideButtons(){ 
 
    var ns = document.getElementById('namespace').innerHTML; 
 
    alert(ns); 
 
    if (ns.indexOf("Namelist") > -1){ 
 
    lb.style.display = 'none'; 
 
    db.style.display = 'none'; 
 
    } 
 
} 
 
function showName(){ 
 
    var name = names[0]; 
 
    if (!name){ 
 
    name = 'Out of people'; 
 
    } 
 
    console.log(names) 
 
    document.getElementById('namespace').innerHTML = name; 
 
}

<body> 
 
    <p id='namespace'>Namelist</p> 
 

 
    <button id="likebutton" type="button">Like</button> 
 
    <button id="dislikebutton" type="button">Dislike</button> 
 

 
</body>

Вот тот же код в JQuery:

$('#likebutton, #dislikebutton').click(function(){ 
 
    var ns = $('#namespace').text(); 
 
    if (ns.indexOf('Namelist') > -1){ 
 
     $('#likebutton').hide(); 
 
     $('#dislikebutton').hide(); 
 
    }else{ 
 
     alert('P tag does not contain the word namespace'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<body> 
 
    <p id='namespace'>Namelist</p> 
 

 
    <button id="likebutton" type="button">Like</button> 
 
    <button id="dislikebutton" type="button">Dislike</button> 
 

 
</body>

источник

2016-06-13 14:05:18 gibberish

, чтобы получить текст в абзаце, в котором вы используете текст(), а не val(), что последнее сильно зависит от входов. –

также, я не вижу, как он смешивает jquery там, но js действительно имеет методы для использования селекторов css, таких как 'querySelector()' –

Спасибо, что выбрали '.val()' vs' .text() 'typo - вы заметите, что я использовал правильный метод в« версии jQuery »внизу. – gibberish

Функция JavaScript, чтобы скрыть кнопки, если отображается определенный текст

ответ

Смежные вопросы