2016-10-14 2 views
0

Wir haben Code, der einen numerischen Wert füllt, wenn größer als 1, und wenn nicht, druckt es "In-Stock".Hinzufügen von Text zu Javascript Span-ID jquery

+0

den entsprechenden Code hinzufügen pleaaase .. –

+0

den gesamten Code Geben Sie bitte. Was ist der Wert in span? – Mahi

+0

vielleicht bin ich müde, aber ich kann deine Frage nicht verstehen. 'our_inventory' ist eine ID, kein Wert. – Ted

Antwort

2

Sie meine

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

Verwendung prepend() Methode – Mahi

+1

Das kann Nebenwirkungen haben je nach der css – mplungjan

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

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

was ist "Inventar"? – beerwin

+0

Während dieses Code-Snippet die Frage lösen kann, [hilft eine Erklärung] (http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) wirklich, um die Qualität Ihres Beitrags zu verbessern. Denken Sie daran, dass Sie die Frage für Leser in der Zukunft beantworten, und diese Leute könnten die Gründe für Ihren Codevorschlag nicht kennen. – andreas

0

die folgenden Zeilen in der zuständigen Stelle Ihrer jQuery Skript hinzufügen. Sie müssen nur die .before-Methode von jQuery verwenden, um Text vor dem ausgewählten Element zu platzieren.

<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>