2016-10-14 3 views
0

У нас есть код, который заполняет числовое значение, если оно больше 1, а если нет, оно печатает «In-Stock».Добавление текста в Javascript Span id jquery

+0

Добавьте соответствующий код pleaaase .. –

+0

Обеспечить весь код, пожалуйста. какова ценность в промежутке? – Mahi

+0

Возможно, я устал, но я не могу понять ваш вопрос. 'our_inventory' - это идентификатор, а не значение. – Ted

ответ

2

Вы имеете в виду

var $inv = $('#our_inventory'), val = parseInt($inv.text(),10); 
$inv.text(val>0?"Inventory:"+val:"In-Stock"); 
+0

использовать метод prepend() – Mahi

+1

Это может иметь побочные эффекты в зависимости от css – mplungjan

-1
var inventory = $('#our_inventory').getAttribute(class); 

if (inventory < 0) { 
    $('#our_inventory').html('In-Stock'); 
    } else { 
    $('#our_inventory').html('Inventory:' + inventory); 
    } 
+1

что такое 'inventory'? – beerwin

+0

Хотя этот фрагмент кода может решить вопрос, [включая объяснение] (http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос читателей в будущем, и эти люди могут не знать причин вашего предложения кода. – andreas

0

Добавьте следующие строки в месте, соответствующем ему ваш скрипт JQuery. Вам просто нужно использовать метод .before из jQuery, чтобы разместить текст перед выбранным элементом.

<script> 
if(parseInt($('#our_inventory').text(),10) > 0) 
    $('our_inventory').before("Inventory: "); 
</script> 
0

$(()=>{ 
 
    
 
    var val = -5; 
 
    trigger(); 
 
    $('#up').click(()=>{ 
 
    val++; 
 
    $('#hnd').text(val); 
 
    trigger(); 
 
    }); 
 

 
$('#down').click(()=>{ 
 
     val--; 
 
    $('#hnd').text(val);  
 
    trigger(); 
 
    }); 
 
    
 

 
function trigger(){ 
 
     var our_inventory_value = Number($('#hnd').text()); 
 
     $('#show').text(our_inventory_value); 
 
    
 
    if(our_inventory_value<0){ 
 
     $('#our_inventory').text('in inventory'); 
 
    }else{ 
 
     $('#our_inventory').text(our_inventory_value); 
 
    } 
 

 
} 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <h3>Demo </h3> 
 
    <button id='up'> up </button> 
 
    <button id='down' >down </button> 
 
    <br/> 
 
    <span id="our_inventory" class="value"></span> <br/><br/> 
 
    <span id="show" class="value"></span> 
 
    <input type='hidden' id='hnd' value='-5'/> 
 
    </form>

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